@cavilha/alert - npm Package Compare versions

Comparing version 0.0.6 to 1.0.0

CHANGELOG.md

 # @cavilha/alert
 
+## 1.0.0
+
+### Major Changes
+
+- a50a503a: Stitches's version updated from 0.2.2 to 1.2.8
+
+### Patch Changes
+
+- Updated dependencies [a50a503a]
+  - @cavilha/theme@1.0.0
+  - @cavilha/button@1.0.0
+  - @cavilha/icon@1.0.0
+  - @cavilha/text@1.0.0
+
 ## 0.0.6
@@ -4,0 +18,0 @@

dist/Alert.d.ts

@@ -1,4 +0,3 @@
-/// <reference types="react" />
 import { AlertProps } from './Alert.types';
 export declare const Alert: ({ variation, type, children, isSolid, ...props }: AlertProps) => JSX.Element;
 export default Alert;

dist/Alert.styles.d.ts

 import { StitchesVariants } from '@cavilha/theme';
-export declare const AlertRoot: import("@stitches/react").StitchesComponentWithAutoCompleteForJSXElements<"div", {}, import("@stitches/react").TMedias & {
-    initial: "";
+export declare const AlertRoot: import("@stitches/react/types/styled-component").StyledComponent<"div", {}, {
+    sm: string;
+    md: string;
+    lg: string;
+}, import("@stitches/react/types/css-util").CSS<{
+    sm: string;
+    md: string;
+    lg: string;
 }, {
@@ -237,42 +243,123 @@ colors: {
     };
-}, {
-    p: any;
-    pt: any;
-    pr: any;
-    pb: any;
-    pl: any;
-    px: any;
-    py: any;
-    m: any;
-    mt: any;
-    mr: any;
-    mb: any;
-    ml: any;
-    mx: any;
-    my: any;
-    ta: any;
-    fd: any;
-    fw: any;
-    ai: any;
-    ac: any;
-    jc: any;
-    as: any;
-    fg: any;
-    fs: any;
-    fb: any;
-    bc: any;
-    br: any;
-    btrr: any;
-    bbrr: any;
-    bblr: any;
-    btlr: any;
-    bs: any;
-    lh: any;
-    ox: any;
-    oy: any;
-    pe: any;
-    us: any;
-    size: any;
-    linearGradient: any;
-}, import("@stitches/react").CSSPropertiesToTokenScale>;
+}, import("@stitches/react/types/config").DefaultThemeMap, {
+    p: (value: {}) => {
+        padding: {};
+    };
+    pt: (value: {}) => {
+        paddingTop: {};
+    };
+    pr: (value: {}) => {
+        paddingRight: {};
+    };
+    pb: (value: {}) => {
+        paddingBottom: {};
+    };
+    pl: (value: {}) => {
+        paddingLeft: {};
+    };
+    px: (value: {}) => {
+        paddingLeft: {};
+        paddingRight: {};
+    };
+    py: (value: {}) => {
+        paddingTop: {};
+        paddingBottom: {};
+    };
+    m: (value: {}) => {
+        margin: {};
+    };
+    mt: (value: {}) => {
+        marginTop: {};
+    };
+    mr: (value: {}) => {
+        marginRight: {};
+    };
+    mb: (value: {}) => {
+        marginBottom: {};
+    };
+    ml: (value: {}) => {
+        marginLeft: {};
+    };
+    mx: (value: {}) => {
+        marginLeft: {};
+        marginRight: {};
+    };
+    my: (value: {}) => {
+        marginTop: {};
+        marginBottom: {};
+    };
+    ta: (value: {}) => {
+        textAlign: {};
+    };
+    fd: (value: {}) => {
+        flexDirection: {};
+    };
+    fw: (value: {}) => {
+        flexWrap: {};
+    };
+    ai: (value: {}) => {
+        alignItems: {};
+    };
+    ac: (value: {}) => {
+        alignContent: {};
+    };
+    jc: (value: {}) => {
+        justifyContent: {};
+    };
+    as: (value: {}) => {
+        alignSelf: {};
+    };
+    fg: (value: {}) => {
+        flexGrow: {};
+    };
+    fs: (value: {}) => {
+        flexShrink: {};
+    };
+    fb: (value: {}) => {
+        flexBasis: {};
+    };
+    bc: (value: {}) => {
+        backgroundColor: {};
+    };
+    br: (value: {}) => {
+        borderRadius: {};
+    };
+    btrr: (value: {}) => {
+        borderTopRightRadius: {};
+    };
+    bbrr: (value: {}) => {
+        borderBottomRightRadius: {};
+    };
+    bblr: (value: {}) => {
+        borderBottomLeftRadius: {};
+    };
+    btlr: (value: {}) => {
+        borderTopLeftRadius: {};
+    };
+    bs: (value: {}) => {
+        boxShadow: {};
+    };
+    lh: (value: {}) => {
+        lineHeight: {};
+    };
+    ox: (value: {}) => {
+        overflowX: {};
+    };
+    oy: (value: {}) => {
+        overflowY: {};
+    };
+    pe: (value: {}) => {
+        pointerEvents: {};
+    };
+    us: (value: {}) => {
+        userSelect: {};
+    };
+    size: (value: {}) => {
+        width: {};
+        height: {};
+    };
+    linearGradient: (value: string) => {
+        backgroundImage: string;
+    };
+}>>;
 export declare type Variants = StitchesVariants<typeof AlertRoot>;

dist/AlertVariation/AlertVariation.d.ts

@@ -1,4 +0,3 @@
-/// <reference types="react" />
 import { AlertVariationProps } from './AlertVariation.types';
 declare const AlertVariation: ({ variation, type, children, ...props }: AlertVariationProps) => JSX.Element;
 export default AlertVariation;

dist/BoxAlert/BoxAlert.d.ts

@@ -1,4 +0,3 @@
-/// <reference types="react" />
 import { BoxAlertProps } from './BoxAlert.types';
 declare const BoxAlert: ({ children, type, title, timeout, autohide, isSolid, variation, position, css, setIsVisible, }: BoxAlertProps) => JSX.Element;
 export default BoxAlert;

dist/BoxAlert/BoxAlert.styles.d.ts

 import { StitchesVariants, CSS } from '@cavilha/theme';
-export declare const BoxAlertContainer: import("@stitches/react").StitchesComponentWithAutoCompleteForJSXElements<"div", {
-    position: {
-        left: unknown;
-        right: unknown;
-    };
-    variation: {
-        toast: unknown;
-        banner: unknown;
-    };
-    isSolid: {
-        true: unknown;
-    };
-    type: {
-        success: unknown;
-        info: unknown;
-        error: unknown;
-        warning: unknown;
-    };
-}, import("@stitches/react").TMedias & {
-    initial: "";
+export declare const BoxAlertContainer: import("@stitches/react/types/styled-component").StyledComponent<"div", {
+    position?: "left" | "right" | undefined;
+    variation?: "toast" | "banner" | undefined;
+    isSolid?: boolean | "true" | undefined;
+    type?: "success" | "info" | "error" | "warning" | undefined;
 }, {
+    sm: string;
+    md: string;
+    lg: string;
+}, import("@stitches/react/types/css-util").CSS<{
+    sm: string;
+    md: string;
+    lg: string;
+}, {
     colors: {
@@ -255,45 +248,132 @@ hiContrast: string;
     };
+}, import("@stitches/react/types/config").DefaultThemeMap, {
+    p: (value: {}) => {
+        padding: {};
+    };
+    pt: (value: {}) => {
+        paddingTop: {};
+    };
+    pr: (value: {}) => {
+        paddingRight: {};
+    };
+    pb: (value: {}) => {
+        paddingBottom: {};
+    };
+    pl: (value: {}) => {
+        paddingLeft: {};
+    };
+    px: (value: {}) => {
+        paddingLeft: {};
+        paddingRight: {};
+    };
+    py: (value: {}) => {
+        paddingTop: {};
+        paddingBottom: {};
+    };
+    m: (value: {}) => {
+        margin: {};
+    };
+    mt: (value: {}) => {
+        marginTop: {};
+    };
+    mr: (value: {}) => {
+        marginRight: {};
+    };
+    mb: (value: {}) => {
+        marginBottom: {};
+    };
+    ml: (value: {}) => {
+        marginLeft: {};
+    };
+    mx: (value: {}) => {
+        marginLeft: {};
+        marginRight: {};
+    };
+    my: (value: {}) => {
+        marginTop: {};
+        marginBottom: {};
+    };
+    ta: (value: {}) => {
+        textAlign: {};
+    };
+    fd: (value: {}) => {
+        flexDirection: {};
+    };
+    fw: (value: {}) => {
+        flexWrap: {};
+    };
+    ai: (value: {}) => {
+        alignItems: {};
+    };
+    ac: (value: {}) => {
+        alignContent: {};
+    };
+    jc: (value: {}) => {
+        justifyContent: {};
+    };
+    as: (value: {}) => {
+        alignSelf: {};
+    };
+    fg: (value: {}) => {
+        flexGrow: {};
+    };
+    fs: (value: {}) => {
+        flexShrink: {};
+    };
+    fb: (value: {}) => {
+        flexBasis: {};
+    };
+    bc: (value: {}) => {
+        backgroundColor: {};
+    };
+    br: (value: {}) => {
+        borderRadius: {};
+    };
+    btrr: (value: {}) => {
+        borderTopRightRadius: {};
+    };
+    bbrr: (value: {}) => {
+        borderBottomRightRadius: {};
+    };
+    bblr: (value: {}) => {
+        borderBottomLeftRadius: {};
+    };
+    btlr: (value: {}) => {
+        borderTopLeftRadius: {};
+    };
+    bs: (value: {}) => {
+        boxShadow: {};
+    };
+    lh: (value: {}) => {
+        lineHeight: {};
+    };
+    ox: (value: {}) => {
+        overflowX: {};
+    };
+    oy: (value: {}) => {
+        overflowY: {};
+    };
+    pe: (value: {}) => {
+        pointerEvents: {};
+    };
+    us: (value: {}) => {
+        userSelect: {};
+    };
+    size: (value: {}) => {
+        width: {};
+        height: {};
+    };
+    linearGradient: (value: string) => {
+        backgroundImage: string;
+    };
+}>>;
+export declare const BoxAlertContentWrapper: import("@stitches/react/types/styled-component").StyledComponent<"div", {}, {
+    sm: string;
+    md: string;
+    lg: string;
+}, import("@stitches/react/types/css-util").CSS<{
+    sm: string;
+    md: string;
+    lg: string;
 }, {
-    p: any;
-    pt: any;
-    pr: any;
-    pb: any;
-    pl: any;
-    px: any;
-    py: any;
-    m: any;
-    mt: any;
-    mr: any;
-    mb: any;
-    ml: any;
-    mx: any;
-    my: any;
-    ta: any;
-    fd: any;
-    fw: any;
-    ai: any;
-    ac: any;
-    jc: any;
-    as: any;
-    fg: any;
-    fs: any;
-    fb: any;
-    bc: any;
-    br: any;
-    btrr: any;
-    bbrr: any;
-    bblr: any;
-    btlr: any;
-    bs: any;
-    lh: any;
-    ox: any;
-    oy: any;
-    pe: any;
-    us: any;
-    size: any;
-    linearGradient: any;
-}, import("@stitches/react").CSSPropertiesToTokenScale>;
-export declare const BoxAlertContentWrapper: import("@stitches/react").StitchesComponentWithAutoCompleteForJSXElements<"div", {}, import("@stitches/react").TMedias & {
-    initial: "";
-}, {
     colors: {
@@ -531,45 +611,132 @@ hiContrast: string;
     };
+}, import("@stitches/react/types/config").DefaultThemeMap, {
+    p: (value: {}) => {
+        padding: {};
+    };
+    pt: (value: {}) => {
+        paddingTop: {};
+    };
+    pr: (value: {}) => {
+        paddingRight: {};
+    };
+    pb: (value: {}) => {
+        paddingBottom: {};
+    };
+    pl: (value: {}) => {
+        paddingLeft: {};
+    };
+    px: (value: {}) => {
+        paddingLeft: {};
+        paddingRight: {};
+    };
+    py: (value: {}) => {
+        paddingTop: {};
+        paddingBottom: {};
+    };
+    m: (value: {}) => {
+        margin: {};
+    };
+    mt: (value: {}) => {
+        marginTop: {};
+    };
+    mr: (value: {}) => {
+        marginRight: {};
+    };
+    mb: (value: {}) => {
+        marginBottom: {};
+    };
+    ml: (value: {}) => {
+        marginLeft: {};
+    };
+    mx: (value: {}) => {
+        marginLeft: {};
+        marginRight: {};
+    };
+    my: (value: {}) => {
+        marginTop: {};
+        marginBottom: {};
+    };
+    ta: (value: {}) => {
+        textAlign: {};
+    };
+    fd: (value: {}) => {
+        flexDirection: {};
+    };
+    fw: (value: {}) => {
+        flexWrap: {};
+    };
+    ai: (value: {}) => {
+        alignItems: {};
+    };
+    ac: (value: {}) => {
+        alignContent: {};
+    };
+    jc: (value: {}) => {
+        justifyContent: {};
+    };
+    as: (value: {}) => {
+        alignSelf: {};
+    };
+    fg: (value: {}) => {
+        flexGrow: {};
+    };
+    fs: (value: {}) => {
+        flexShrink: {};
+    };
+    fb: (value: {}) => {
+        flexBasis: {};
+    };
+    bc: (value: {}) => {
+        backgroundColor: {};
+    };
+    br: (value: {}) => {
+        borderRadius: {};
+    };
+    btrr: (value: {}) => {
+        borderTopRightRadius: {};
+    };
+    bbrr: (value: {}) => {
+        borderBottomRightRadius: {};
+    };
+    bblr: (value: {}) => {
+        borderBottomLeftRadius: {};
+    };
+    btlr: (value: {}) => {
+        borderTopLeftRadius: {};
+    };
+    bs: (value: {}) => {
+        boxShadow: {};
+    };
+    lh: (value: {}) => {
+        lineHeight: {};
+    };
+    ox: (value: {}) => {
+        overflowX: {};
+    };
+    oy: (value: {}) => {
+        overflowY: {};
+    };
+    pe: (value: {}) => {
+        pointerEvents: {};
+    };
+    us: (value: {}) => {
+        userSelect: {};
+    };
+    size: (value: {}) => {
+        width: {};
+        height: {};
+    };
+    linearGradient: (value: string) => {
+        backgroundImage: string;
+    };
+}>>;
+export declare const BoxAlertContent: import("@stitches/react/types/styled-component").StyledComponent<"div", {}, {
+    sm: string;
+    md: string;
+    lg: string;
+}, import("@stitches/react/types/css-util").CSS<{
+    sm: string;
+    md: string;
+    lg: string;
 }, {
-    p: any;
-    pt: any;
-    pr: any;
-    pb: any;
-    pl: any;
-    px: any;
-    py: any;
-    m: any;
-    mt: any;
-    mr: any;
-    mb: any;
-    ml: any;
-    mx: any;
-    my: any;
-    ta: any;
-    fd: any;
-    fw: any;
-    ai: any;
-    ac: any;
-    jc: any;
-    as: any;
-    fg: any;
-    fs: any;
-    fb: any;
-    bc: any;
-    br: any;
-    btrr: any;
-    bbrr: any;
-    bblr: any;
-    btlr: any;
-    bs: any;
-    lh: any;
-    ox: any;
-    oy: any;
-    pe: any;
-    us: any;
-    size: any;
-    linearGradient: any;
-}, import("@stitches/react").CSSPropertiesToTokenScale>;
-export declare const BoxAlertContent: import("@stitches/react").StitchesComponentWithAutoCompleteForJSXElements<"div", {}, import("@stitches/react").TMedias & {
-    initial: "";
-}, {
     colors: {
@@ -807,50 +974,134 @@ hiContrast: string;
     };
-}, {
-    p: any;
-    pt: any;
-    pr: any;
-    pb: any;
-    pl: any;
-    px: any;
-    py: any;
-    m: any;
-    mt: any;
-    mr: any;
-    mb: any;
-    ml: any;
-    mx: any;
-    my: any;
-    ta: any;
-    fd: any;
-    fw: any;
-    ai: any;
-    ac: any;
-    jc: any;
-    as: any;
-    fg: any;
-    fs: any;
-    fb: any;
-    bc: any;
-    br: any;
-    btrr: any;
-    bbrr: any;
-    bblr: any;
-    btlr: any;
-    bs: any;
-    lh: any;
-    ox: any;
-    oy: any;
-    pe: any;
-    us: any;
-    size: any;
-    linearGradient: any;
-}, import("@stitches/react").CSSPropertiesToTokenScale>;
-export declare const BoxAlertTitle: import("@stitches/react").StitchesComponentWithAutoCompleteForJSXElements<"h3", {
-    variation: {
-        toast: unknown;
-        banner: unknown;
+}, import("@stitches/react/types/config").DefaultThemeMap, {
+    p: (value: {}) => {
+        padding: {};
     };
-}, import("@stitches/react").TMedias & {
-    initial: "";
+    pt: (value: {}) => {
+        paddingTop: {};
+    };
+    pr: (value: {}) => {
+        paddingRight: {};
+    };
+    pb: (value: {}) => {
+        paddingBottom: {};
+    };
+    pl: (value: {}) => {
+        paddingLeft: {};
+    };
+    px: (value: {}) => {
+        paddingLeft: {};
+        paddingRight: {};
+    };
+    py: (value: {}) => {
+        paddingTop: {};
+        paddingBottom: {};
+    };
+    m: (value: {}) => {
+        margin: {};
+    };
+    mt: (value: {}) => {
+        marginTop: {};
+    };
+    mr: (value: {}) => {
+        marginRight: {};
+    };
+    mb: (value: {}) => {
+        marginBottom: {};
+    };
+    ml: (value: {}) => {
+        marginLeft: {};
+    };
+    mx: (value: {}) => {
+        marginLeft: {};
+        marginRight: {};
+    };
+    my: (value: {}) => {
+        marginTop: {};
+        marginBottom: {};
+    };
+    ta: (value: {}) => {
+        textAlign: {};
+    };
+    fd: (value: {}) => {
+        flexDirection: {};
+    };
+    fw: (value: {}) => {
+        flexWrap: {};
+    };
+    ai: (value: {}) => {
+        alignItems: {};
+    };
+    ac: (value: {}) => {
+        alignContent: {};
+    };
+    jc: (value: {}) => {
+        justifyContent: {};
+    };
+    as: (value: {}) => {
+        alignSelf: {};
+    };
+    fg: (value: {}) => {
+        flexGrow: {};
+    };
+    fs: (value: {}) => {
+        flexShrink: {};
+    };
+    fb: (value: {}) => {
+        flexBasis: {};
+    };
+    bc: (value: {}) => {
+        backgroundColor: {};
+    };
+    br: (value: {}) => {
+        borderRadius: {};
+    };
+    btrr: (value: {}) => {
+        borderTopRightRadius: {};
+    };
+    bbrr: (value: {}) => {
+        borderBottomRightRadius: {};
+    };
+    bblr: (value: {}) => {
+        borderBottomLeftRadius: {};
+    };
+    btlr: (value: {}) => {
+        borderTopLeftRadius: {};
+    };
+    bs: (value: {}) => {
+        boxShadow: {};
+    };
+    lh: (value: {}) => {
+        lineHeight: {};
+    };
+    ox: (value: {}) => {
+        overflowX: {};
+    };
+    oy: (value: {}) => {
+        overflowY: {};
+    };
+    pe: (value: {}) => {
+        pointerEvents: {};
+    };
+    us: (value: {}) => {
+        userSelect: {};
+    };
+    size: (value: {}) => {
+        width: {};
+        height: {};
+    };
+    linearGradient: (value: string) => {
+        backgroundImage: string;
+    };
+}>>;
+export declare const BoxAlertTitle: import("@stitches/react/types/styled-component").StyledComponent<"h3", {
+    variation?: "toast" | "banner" | undefined;
 }, {
+    sm: string;
+    md: string;
+    lg: string;
+}, import("@stitches/react/types/css-util").CSS<{
+    sm: string;
+    md: string;
+    lg: string;
+}, {
     colors: {
@@ -1088,45 +1339,132 @@ hiContrast: string;
     };
+}, import("@stitches/react/types/config").DefaultThemeMap, {
+    p: (value: {}) => {
+        padding: {};
+    };
+    pt: (value: {}) => {
+        paddingTop: {};
+    };
+    pr: (value: {}) => {
+        paddingRight: {};
+    };
+    pb: (value: {}) => {
+        paddingBottom: {};
+    };
+    pl: (value: {}) => {
+        paddingLeft: {};
+    };
+    px: (value: {}) => {
+        paddingLeft: {};
+        paddingRight: {};
+    };
+    py: (value: {}) => {
+        paddingTop: {};
+        paddingBottom: {};
+    };
+    m: (value: {}) => {
+        margin: {};
+    };
+    mt: (value: {}) => {
+        marginTop: {};
+    };
+    mr: (value: {}) => {
+        marginRight: {};
+    };
+    mb: (value: {}) => {
+        marginBottom: {};
+    };
+    ml: (value: {}) => {
+        marginLeft: {};
+    };
+    mx: (value: {}) => {
+        marginLeft: {};
+        marginRight: {};
+    };
+    my: (value: {}) => {
+        marginTop: {};
+        marginBottom: {};
+    };
+    ta: (value: {}) => {
+        textAlign: {};
+    };
+    fd: (value: {}) => {
+        flexDirection: {};
+    };
+    fw: (value: {}) => {
+        flexWrap: {};
+    };
+    ai: (value: {}) => {
+        alignItems: {};
+    };
+    ac: (value: {}) => {
+        alignContent: {};
+    };
+    jc: (value: {}) => {
+        justifyContent: {};
+    };
+    as: (value: {}) => {
+        alignSelf: {};
+    };
+    fg: (value: {}) => {
+        flexGrow: {};
+    };
+    fs: (value: {}) => {
+        flexShrink: {};
+    };
+    fb: (value: {}) => {
+        flexBasis: {};
+    };
+    bc: (value: {}) => {
+        backgroundColor: {};
+    };
+    br: (value: {}) => {
+        borderRadius: {};
+    };
+    btrr: (value: {}) => {
+        borderTopRightRadius: {};
+    };
+    bbrr: (value: {}) => {
+        borderBottomRightRadius: {};
+    };
+    bblr: (value: {}) => {
+        borderBottomLeftRadius: {};
+    };
+    btlr: (value: {}) => {
+        borderTopLeftRadius: {};
+    };
+    bs: (value: {}) => {
+        boxShadow: {};
+    };
+    lh: (value: {}) => {
+        lineHeight: {};
+    };
+    ox: (value: {}) => {
+        overflowX: {};
+    };
+    oy: (value: {}) => {
+        overflowY: {};
+    };
+    pe: (value: {}) => {
+        pointerEvents: {};
+    };
+    us: (value: {}) => {
+        userSelect: {};
+    };
+    size: (value: {}) => {
+        width: {};
+        height: {};
+    };
+    linearGradient: (value: string) => {
+        backgroundImage: string;
+    };
+}>>;
+export declare const BoxAlertDescription: import("@stitches/react/types/styled-component").StyledComponent<"span", {}, {
+    sm: string;
+    md: string;
+    lg: string;
+}, import("@stitches/react/types/css-util").CSS<{
+    sm: string;
+    md: string;
+    lg: string;
 }, {
-    p: any;
-    pt: any;
-    pr: any;
-    pb: any;
-    pl: any;
-    px: any;
-    py: any;
-    m: any;
-    mt: any;
-    mr: any;
-    mb: any;
-    ml: any;
-    mx: any;
-    my: any;
-    ta: any;
-    fd: any;
-    fw: any;
-    ai: any;
-    ac: any;
-    jc: any;
-    as: any;
-    fg: any;
-    fs: any;
-    fb: any;
-    bc: any;
-    br: any;
-    btrr: any;
-    bbrr: any;
-    bblr: any;
-    btlr: any;
-    bs: any;
-    lh: any;
-    ox: any;
-    oy: any;
-    pe: any;
-    us: any;
-    size: any;
-    linearGradient: any;
-}, import("@stitches/react").CSSPropertiesToTokenScale>;
-export declare const BoxAlertDescription: import("@stitches/react").StitchesComponentWithAutoCompleteForJSXElements<"span", {}, import("@stitches/react").TMedias & {
-    initial: "";
-}, {
     colors: {
@@ -1364,45 +1702,132 @@ hiContrast: string;
     };
+}, import("@stitches/react/types/config").DefaultThemeMap, {
+    p: (value: {}) => {
+        padding: {};
+    };
+    pt: (value: {}) => {
+        paddingTop: {};
+    };
+    pr: (value: {}) => {
+        paddingRight: {};
+    };
+    pb: (value: {}) => {
+        paddingBottom: {};
+    };
+    pl: (value: {}) => {
+        paddingLeft: {};
+    };
+    px: (value: {}) => {
+        paddingLeft: {};
+        paddingRight: {};
+    };
+    py: (value: {}) => {
+        paddingTop: {};
+        paddingBottom: {};
+    };
+    m: (value: {}) => {
+        margin: {};
+    };
+    mt: (value: {}) => {
+        marginTop: {};
+    };
+    mr: (value: {}) => {
+        marginRight: {};
+    };
+    mb: (value: {}) => {
+        marginBottom: {};
+    };
+    ml: (value: {}) => {
+        marginLeft: {};
+    };
+    mx: (value: {}) => {
+        marginLeft: {};
+        marginRight: {};
+    };
+    my: (value: {}) => {
+        marginTop: {};
+        marginBottom: {};
+    };
+    ta: (value: {}) => {
+        textAlign: {};
+    };
+    fd: (value: {}) => {
+        flexDirection: {};
+    };
+    fw: (value: {}) => {
+        flexWrap: {};
+    };
+    ai: (value: {}) => {
+        alignItems: {};
+    };
+    ac: (value: {}) => {
+        alignContent: {};
+    };
+    jc: (value: {}) => {
+        justifyContent: {};
+    };
+    as: (value: {}) => {
+        alignSelf: {};
+    };
+    fg: (value: {}) => {
+        flexGrow: {};
+    };
+    fs: (value: {}) => {
+        flexShrink: {};
+    };
+    fb: (value: {}) => {
+        flexBasis: {};
+    };
+    bc: (value: {}) => {
+        backgroundColor: {};
+    };
+    br: (value: {}) => {
+        borderRadius: {};
+    };
+    btrr: (value: {}) => {
+        borderTopRightRadius: {};
+    };
+    bbrr: (value: {}) => {
+        borderBottomRightRadius: {};
+    };
+    bblr: (value: {}) => {
+        borderBottomLeftRadius: {};
+    };
+    btlr: (value: {}) => {
+        borderTopLeftRadius: {};
+    };
+    bs: (value: {}) => {
+        boxShadow: {};
+    };
+    lh: (value: {}) => {
+        lineHeight: {};
+    };
+    ox: (value: {}) => {
+        overflowX: {};
+    };
+    oy: (value: {}) => {
+        overflowY: {};
+    };
+    pe: (value: {}) => {
+        pointerEvents: {};
+    };
+    us: (value: {}) => {
+        userSelect: {};
+    };
+    size: (value: {}) => {
+        width: {};
+        height: {};
+    };
+    linearGradient: (value: string) => {
+        backgroundImage: string;
+    };
+}>>;
+export declare const CancelButton: import("@stitches/react/types/styled-component").StyledComponent<"div", {}, {
+    sm: string;
+    md: string;
+    lg: string;
+}, import("@stitches/react/types/css-util").CSS<{
+    sm: string;
+    md: string;
+    lg: string;
 }, {
-    p: any;
-    pt: any;
-    pr: any;
-    pb: any;
-    pl: any;
-    px: any;
-    py: any;
-    m: any;
-    mt: any;
-    mr: any;
-    mb: any;
-    ml: any;
-    mx: any;
-    my: any;
-    ta: any;
-    fd: any;
-    fw: any;
-    ai: any;
-    ac: any;
-    jc: any;
-    as: any;
-    fg: any;
-    fs: any;
-    fb: any;
-    bc: any;
-    br: any;
-    btrr: any;
-    bbrr: any;
-    bblr: any;
-    btlr: any;
-    bs: any;
-    lh: any;
-    ox: any;
-    oy: any;
-    pe: any;
-    us: any;
-    size: any;
-    linearGradient: any;
-}, import("@stitches/react").CSSPropertiesToTokenScale>;
-export declare const CancelButton: import("@stitches/react").StitchesComponentWithAutoCompleteForJSXElements<"div", {}, import("@stitches/react").TMedias & {
-    initial: "";
-}, {
     colors: {
@@ -1640,44 +2065,125 @@ hiContrast: string;
     };
-}, {
-    p: any;
-    pt: any;
-    pr: any;
-    pb: any;
-    pl: any;
-    px: any;
-    py: any;
-    m: any;
-    mt: any;
-    mr: any;
-    mb: any;
-    ml: any;
-    mx: any;
-    my: any;
-    ta: any;
-    fd: any;
-    fw: any;
-    ai: any;
-    ac: any;
-    jc: any;
-    as: any;
-    fg: any;
-    fs: any;
-    fb: any;
-    bc: any;
-    br: any;
-    btrr: any;
-    bbrr: any;
-    bblr: any;
-    btlr: any;
-    bs: any;
-    lh: any;
-    ox: any;
-    oy: any;
-    pe: any;
-    us: any;
-    size: any;
-    linearGradient: any;
-}, import("@stitches/react").CSSPropertiesToTokenScale>;
+}, import("@stitches/react/types/config").DefaultThemeMap, {
+    p: (value: {}) => {
+        padding: {};
+    };
+    pt: (value: {}) => {
+        paddingTop: {};
+    };
+    pr: (value: {}) => {
+        paddingRight: {};
+    };
+    pb: (value: {}) => {
+        paddingBottom: {};
+    };
+    pl: (value: {}) => {
+        paddingLeft: {};
+    };
+    px: (value: {}) => {
+        paddingLeft: {};
+        paddingRight: {};
+    };
+    py: (value: {}) => {
+        paddingTop: {};
+        paddingBottom: {};
+    };
+    m: (value: {}) => {
+        margin: {};
+    };
+    mt: (value: {}) => {
+        marginTop: {};
+    };
+    mr: (value: {}) => {
+        marginRight: {};
+    };
+    mb: (value: {}) => {
+        marginBottom: {};
+    };
+    ml: (value: {}) => {
+        marginLeft: {};
+    };
+    mx: (value: {}) => {
+        marginLeft: {};
+        marginRight: {};
+    };
+    my: (value: {}) => {
+        marginTop: {};
+        marginBottom: {};
+    };
+    ta: (value: {}) => {
+        textAlign: {};
+    };
+    fd: (value: {}) => {
+        flexDirection: {};
+    };
+    fw: (value: {}) => {
+        flexWrap: {};
+    };
+    ai: (value: {}) => {
+        alignItems: {};
+    };
+    ac: (value: {}) => {
+        alignContent: {};
+    };
+    jc: (value: {}) => {
+        justifyContent: {};
+    };
+    as: (value: {}) => {
+        alignSelf: {};
+    };
+    fg: (value: {}) => {
+        flexGrow: {};
+    };
+    fs: (value: {}) => {
+        flexShrink: {};
+    };
+    fb: (value: {}) => {
+        flexBasis: {};
+    };
+    bc: (value: {}) => {
+        backgroundColor: {};
+    };
+    br: (value: {}) => {
+        borderRadius: {};
+    };
+    btrr: (value: {}) => {
+        borderTopRightRadius: {};
+    };
+    bbrr: (value: {}) => {
+        borderBottomRightRadius: {};
+    };
+    bblr: (value: {}) => {
+        borderBottomLeftRadius: {};
+    };
+    btlr: (value: {}) => {
+        borderTopLeftRadius: {};
+    };
+    bs: (value: {}) => {
+        boxShadow: {};
+    };
+    lh: (value: {}) => {
+        lineHeight: {};
+    };
+    ox: (value: {}) => {
+        overflowX: {};
+    };
+    oy: (value: {}) => {
+        overflowY: {};
+    };
+    pe: (value: {}) => {
+        pointerEvents: {};
+    };
+    us: (value: {}) => {
+        userSelect: {};
+    };
+    size: (value: {}) => {
+        width: {};
+        height: {};
+    };
+    linearGradient: (value: string) => {
+        backgroundImage: string;
+    };
+}>>;
 export declare type Variants = StitchesVariants<typeof BoxAlertContainer> & {
     css?: CSS;
 };

dist/index.cjs.js

@@ -1,1 +0,1 @@
-"use strict";var e=require("react"),t=require("@cavilha/icon"),i=require("@cavilha/text"),o=require("@fortawesome/pro-solid-svg-icons"),a=require("@cavilha/theme"),r=require("@cavilha/button"),n=require("@fortawesome/pro-regular-svg-icons");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var s=l(e),c=l(t),d=l(i),m=l(r),u=function(){return u=Object.assign||function(e){for(var t,i=1,o=arguments.length;i<o;i++)for(var a in t=arguments[i])Object.prototype.hasOwnProperty.call(t,a)&&(e[a]=t[a]);return e},u.apply(this,arguments)};function p(e,t){var i={};for(var o in e)Object.prototype.hasOwnProperty.call(e,o)&&t.indexOf(o)<0&&(i[o]=e[o]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var a=0;for(o=Object.getOwnPropertySymbols(e);a<o.length;a++)t.indexOf(o[a])<0&&Object.prototype.propertyIsEnumerable.call(e,o[a])&&(i[o[a]]=e[o[a]])}return i}var f={info:{icon:o.faInfoCircle,color:"$colors$info3"},success:{icon:o.faCheckCircle,color:"$colors$success2"},error:{icon:o.faExclamationTriangle,color:"$colors$danger2"},warning:{icon:o.faExclamationCircle,color:"$colors$warning2"}},$=function(e){return f[e].icon},y=function(e){return{color:f[e].color,mr:"$space$small2"}};a.styled("div",{});var v=a.styled("div",{display:"flex",alignItems:"center",background:"transparent",borderRadius:"$small",height:"$medium3",color:"$neutral5",variants:{variation:{simple:{border:"none !important"},box:{padding:"$small2"}},isSolid:{true:{padding:"$medium1"}},type:{info:{border:"1px solid $info3"},success:{border:"1px solid $success2"},error:{border:"1px solid $danger2"},warning:{border:"1px solid $warning2"}}},compoundVariants:[{isSolid:!0,type:"info",css:{color:"$neutral1 !important",bc:"$info4 ",i:{color:"inherit"}}},{isSolid:!0,type:"success",css:{color:"$alwaysWhite !important",bc:"$success2",i:{color:"inherit"}}},{isSolid:!0,type:"error",css:{color:"$alwaysWhite !important",bc:"$danger2",i:{color:"inherit"}}},{isSolid:!0,type:"warning",css:{color:"$alwaysBlack !important",bc:"$warning3",i:{color:"inherit"}}}]}),h=function(e){var t=e.variation,i=void 0===t?"simple":t,o=e.textSize,a=void 0===o?"small":o,r=e.type,n=void 0===r?"info":r,l=e.isSolid,m=void 0!==l&&l,u=e.children,p=e.css,f=$(n),h=y(n);return s.default.createElement(v,{isSolid:m,variation:i,type:n,css:p},s.default.createElement(c.default,{icon:f,iconSize:24,css:h}),s.default.createElement(d.default,{size:{small:"bodySmall",medium:"bodyMedium",color:"inherit !important"}[a],css:{color:"inherit"},weight:"regular"},u))},g=a.keyframes({from:{transform:"translate3d(0,$sizes$xlarge3,0)"},to:{transform:"translate3d(0,0,0)"}}),b=a.keyframes({from:{transform:"translate3d(0,-$sizes$xlarge3,0)"},to:{transform:"translate3d(0,0,0)"}}),x=a.styled("div",{borderRadius:"$small",padding:"$small3 $small1 $medium1 $small3",background:"$background1",boxShadow:"$shadowSmall",display:"flex",justifyContent:"space-between",position:"absolute",color:"$neutral5",variants:{position:{left:{left:"$medium1"},right:{right:"$medium1"}},variation:{toast:{animation:g+" 300ms ease-out",bottom:"$medium1",marginTop:"$small2",maxWidth:"392px"},banner:{animation:b+" 300ms ease-out",top:"$medium1",marginBottom:"$small2",maxWidth:"808px"}},isSolid:{true:{color:"$mono1 !important",i:{color:"$mono1"}}},type:{success:{boxShadow:"$shadowSmall, inset 0px -4px 0px $colors$success2"},info:{boxShadow:"$shadowSmall, inset 0px -4px 0px $colors$info3"},error:{boxShadow:"$shadowSmall, inset 0px -4px 0px $colors$danger2"},warning:{boxShadow:"$shadowSmall, inset 0px -4px 0px $colors$warning2"}}},compoundVariants:[{isSolid:!0,type:"info",css:{bc:"$info4 ",boxShadow:"$shadowSmall, inset 0px -4px 0px $colors$success1"}},{isSolid:!0,type:"success",css:{bc:"$success2"}},{isSolid:!0,type:"error",css:{bc:"$danger2"}},{isSolid:!0,type:"warning",css:{boxShadow:"$shadowSmall, inset 0px -4px 0px $colors$warning2",bc:"$warning4",color:"$alwaysBlack"}}]}),S=a.styled("div",{display:"flex"}),w=a.styled("div",{display:"flex",flexDirection:"column"}),E=a.styled("h3",{fontFamily:"$untitled",fontSize:"$bodySmall",margin:0,padding:0,color:"$neutral5",lineHeight:"$small2",variants:{variation:{toast:{fontWeight:"$semibold !important"},banner:{fontWeight:"$bold !important"}}}}),O=a.styled("span",{fontFamily:"$untitled",fontSize:"$bodySmall",fontWeight:"$regular",color:"$neutral5",lineHeight:"$small2"}),k=a.styled("div",{marginTop:"-$small2",marginLeft:"$small1"}),j=function(t){var i=t.children,o=t.type,a=void 0===o?"info":o,r=t.title,l=t.timeout,d=void 0===l?8:l,p=t.autohide,f=void 0!==p&&p,v=t.isSolid,h=void 0!==v&&v,g=t.variation,b=void 0===g?"toast":g,j=t.position,z=void 0===j?"left":j,q=t.css,T=t.setIsVisible,W=$(a),C=u(u({},y(a)),{mt:"-3px"}),I={marginTop:i&&r?"$small2":0},F={color:"inherit"},P=1e3*d;return e.useEffect((function(){if(f){var e=setTimeout((function(){return T(!1)}),P);return function(){return clearTimeout(e)}}}),[P,f]),s.default.createElement(x,{type:a,variation:b,isSolid:h,position:z,css:q},s.default.createElement(S,null,s.default.createElement(c.default,{icon:W,iconSize:20,css:C}),s.default.createElement(w,null,s.default.createElement(E,{variation:b,css:F},r),i&&s.default.createElement(O,{style:I,css:F},i))),s.default.createElement(k,null,s.default.createElement(m.default,{variant:"ghost",icon:n.faTimes,onClick:function(){return T(!1)}})))},z=function(e){var t=e.variation,i=e.type,o=e.children,a=p(e,["variation","type","children"]);return s.default.createElement(s.default.Fragment,null,{"inline-simple":s.default.createElement(h,u({variation:"simple",type:i},a),o),"inline-box":s.default.createElement(h,u({variation:"box",type:i},a),o),banner:s.default.createElement(j,u({variation:"banner",type:i},a),o),toast:s.default.createElement(j,u({variation:"toast",type:i},a),o)}[t])},q=a.styled("div",{width:"100%"});module.exports=function(t){var i=t.variation,o=void 0===i?"inline-simple":i,a=t.type,r=void 0===a?"info":a,n=t.children,l=t.isSolid,c=void 0!==l&&l,d=p(t,["variation","type","children","isSolid"]),m=e.useState(!0),f=m[0],$=m[1];return s.default.createElement(s.default.Fragment,null,f&&s.default.createElement(q,null,s.default.createElement(z,u({isSolid:c,variation:o,setIsVisible:$,type:r},d),n)))};
+"use strict";var e=require("react"),t=require("@cavilha/icon"),i=require("@cavilha/text"),o=require("@fortawesome/pro-solid-svg-icons"),a=require("@cavilha/theme"),r=require("@cavilha/button"),n=require("@fortawesome/pro-regular-svg-icons");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var s=l(e),c=l(t),d=l(i),m=l(r),u=function(){return u=Object.assign||function(e){for(var t,i=1,o=arguments.length;i<o;i++)for(var a in t=arguments[i])Object.prototype.hasOwnProperty.call(t,a)&&(e[a]=t[a]);return e},u.apply(this,arguments)};function p(e,t){var i={};for(var o in e)Object.prototype.hasOwnProperty.call(e,o)&&t.indexOf(o)<0&&(i[o]=e[o]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var a=0;for(o=Object.getOwnPropertySymbols(e);a<o.length;a++)t.indexOf(o[a])<0&&Object.prototype.propertyIsEnumerable.call(e,o[a])&&(i[o[a]]=e[o[a]])}return i}var f={info:{icon:o.faInfoCircle,color:"$colors$info3"},success:{icon:o.faCheckCircle,color:"$colors$success2"},error:{icon:o.faExclamationTriangle,color:"$colors$danger2"},warning:{icon:o.faExclamationCircle,color:"$colors$warning2"}},$=function(e){return f[e].icon},y=function(e){return{color:f[e].color,mr:"$space$small2"}};a.styled("div",{});var v=a.styled("div",{display:"flex",alignItems:"center",background:"transparent",borderRadius:"$small",height:"$medium3",color:"$neutral5",variants:{variation:{simple:{border:"none !important"},box:{padding:"$small2"}},isSolid:{true:{padding:"$medium1"}},type:{info:{border:"1px solid $info3"},success:{border:"1px solid $success2"},error:{border:"1px solid $danger2"},warning:{border:"1px solid $warning2"}}},compoundVariants:[{isSolid:!0,type:"info",css:{color:"$neutral1 !important",bc:"$info4 ",i:{color:"inherit"}}},{isSolid:!0,type:"success",css:{color:"$alwaysWhite !important",bc:"$success2",i:{color:"inherit"}}},{isSolid:!0,type:"error",css:{color:"$alwaysWhite !important",bc:"$danger2",i:{color:"inherit"}}},{isSolid:!0,type:"warning",css:{color:"$alwaysBlack !important",bc:"$warning3",i:{color:"inherit"}}}]}),h=function(e){var t=e.variation,i=void 0===t?"simple":t,o=e.textSize,a=void 0===o?"small":o,r=e.type,n=void 0===r?"info":r,l=e.isSolid,m=void 0!==l&&l,u=e.children,p=e.css,f=$(n),h=y(n);return s.default.createElement(v,{isSolid:m,variation:i,type:n,css:p},s.default.createElement(c.default,{icon:f,iconSize:24,css:h}),s.default.createElement(d.default,{size:{small:"bodySmall",medium:"bodyMedium",color:"inherit !important"}[a],css:{color:"inherit"},weight:"regular"},u))},g=a.keyframes({from:{transform:"translate3d(0,$sizes$xlarge3,0)"},to:{transform:"translate3d(0,0,0)"}}),b=a.keyframes({from:{transform:"translate3d(0,-$sizes$xlarge3,0)"},to:{transform:"translate3d(0,0,0)"}}),x=a.styled("div",{borderRadius:"$small",padding:"$small3 $small1 $medium1 $small3",background:"$background1",boxShadow:"$shadowSmall",display:"flex",justifyContent:"space-between",position:"absolute",color:"$neutral5",variants:{position:{left:{left:"$medium1"},right:{right:"$medium1"}},variation:{toast:{animation:"".concat(g," 300ms ease-out"),bottom:"$medium1",marginTop:"$small2",maxWidth:"392px"},banner:{animation:"".concat(b," 300ms ease-out"),top:"$medium1",marginBottom:"$small2",maxWidth:"808px"}},isSolid:{true:{color:"$mono1 !important",i:{color:"$mono1"}}},type:{success:{boxShadow:"$shadowSmall, inset 0px -4px 0px $colors$success2"},info:{boxShadow:"$shadowSmall, inset 0px -4px 0px $colors$info3"},error:{boxShadow:"$shadowSmall, inset 0px -4px 0px $colors$danger2"},warning:{boxShadow:"$shadowSmall, inset 0px -4px 0px $colors$warning2"}}},compoundVariants:[{isSolid:!0,type:"info",css:{bc:"$info4 ",boxShadow:"$shadowSmall, inset 0px -4px 0px $colors$success1"}},{isSolid:!0,type:"success",css:{bc:"$success2"}},{isSolid:!0,type:"error",css:{bc:"$danger2"}},{isSolid:!0,type:"warning",css:{boxShadow:"$shadowSmall, inset 0px -4px 0px $colors$warning2",bc:"$warning4",color:"$alwaysBlack"}}]}),S=a.styled("div",{display:"flex"}),w=a.styled("div",{display:"flex",flexDirection:"column"}),E=a.styled("h3",{fontFamily:"$untitled",fontSize:"$bodySmall",margin:0,padding:0,color:"$neutral5",lineHeight:"$small2",variants:{variation:{toast:{fontWeight:"$semibold !important"},banner:{fontWeight:"$bold !important"}}}}),O=a.styled("span",{fontFamily:"$untitled",fontSize:"$bodySmall",fontWeight:"$regular",color:"$neutral5",lineHeight:"$small2"}),k=a.styled("div",{marginTop:"-$small2",marginLeft:"$small1"}),j=function(t){var i=t.children,o=t.type,a=void 0===o?"info":o,r=t.title,l=t.timeout,d=void 0===l?8:l,p=t.autohide,f=void 0!==p&&p,v=t.isSolid,h=void 0!==v&&v,g=t.variation,b=void 0===g?"toast":g,j=t.position,z=void 0===j?"left":j,q=t.css,T=t.setIsVisible,W=$(a),C=u(u({},y(a)),{mt:"-3px"}),I={marginTop:i&&r?"$small2":0},F={color:"inherit"},P=1e3*d;return e.useEffect((function(){if(f){var e=setTimeout((function(){return T(!1)}),P);return function(){return clearTimeout(e)}}}),[P,f]),s.default.createElement(x,{type:a,variation:b,isSolid:h,position:z,css:q},s.default.createElement(S,null,s.default.createElement(c.default,{icon:W,iconSize:20,css:C}),s.default.createElement(w,null,s.default.createElement(E,{variation:b,css:F},r),i&&s.default.createElement(O,{style:I,css:F},i))),s.default.createElement(k,null,s.default.createElement(m.default,{variant:"ghost",icon:n.faTimes,onClick:function(){return T(!1)}})))},z=function(e){var t=e.variation,i=e.type,o=e.children,a=p(e,["variation","type","children"]);return s.default.createElement(s.default.Fragment,null,{"inline-simple":s.default.createElement(h,u({variation:"simple",type:i},a),o),"inline-box":s.default.createElement(h,u({variation:"box",type:i},a),o),banner:s.default.createElement(j,u({variation:"banner",type:i},a),o),toast:s.default.createElement(j,u({variation:"toast",type:i},a),o)}[t])},q=a.styled("div",{width:"100%"});module.exports=function(t){var i=t.variation,o=void 0===i?"inline-simple":i,a=t.type,r=void 0===a?"info":a,n=t.children,l=t.isSolid,c=void 0!==l&&l,d=p(t,["variation","type","children","isSolid"]),m=e.useState(!0),f=m[0],$=m[1];return s.default.createElement(s.default.Fragment,null,f&&s.default.createElement(q,null,s.default.createElement(z,u({isSolid:c,variation:o,setIsVisible:$,type:r},d),n)))};

dist/index.es.js

@@ -1,1 +0,1 @@
-import o,{useEffect as i,useState as e}from"react";import t from"@cavilha/icon";import r from"@cavilha/text";import{faInfoCircle as n,faCheckCircle as a,faExclamationTriangle as l,faExclamationCircle as s}from"@fortawesome/pro-solid-svg-icons";import{styled as c,keyframes as m}from"@cavilha/theme";import d from"@cavilha/button";import{faTimes as p}from"@fortawesome/pro-regular-svg-icons";var u=function(){return u=Object.assign||function(o){for(var i,e=1,t=arguments.length;e<t;e++)for(var r in i=arguments[e])Object.prototype.hasOwnProperty.call(i,r)&&(o[r]=i[r]);return o},u.apply(this,arguments)};function $(o,i){var e={};for(var t in o)Object.prototype.hasOwnProperty.call(o,t)&&i.indexOf(t)<0&&(e[t]=o[t]);if(null!=o&&"function"==typeof Object.getOwnPropertySymbols){var r=0;for(t=Object.getOwnPropertySymbols(o);r<t.length;r++)i.indexOf(t[r])<0&&Object.prototype.propertyIsEnumerable.call(o,t[r])&&(e[t[r]]=o[t[r]])}return e}var f={info:{icon:n,color:"$colors$info3"},success:{icon:a,color:"$colors$success2"},error:{icon:l,color:"$colors$danger2"},warning:{icon:s,color:"$colors$warning2"}},v=function(o){return f[o].icon},h=function(o){return{color:f[o].color,mr:"$space$small2"}};c("div",{});var g=c("div",{display:"flex",alignItems:"center",background:"transparent",borderRadius:"$small",height:"$medium3",color:"$neutral5",variants:{variation:{simple:{border:"none !important"},box:{padding:"$small2"}},isSolid:{true:{padding:"$medium1"}},type:{info:{border:"1px solid $info3"},success:{border:"1px solid $success2"},error:{border:"1px solid $danger2"},warning:{border:"1px solid $warning2"}}},compoundVariants:[{isSolid:!0,type:"info",css:{color:"$neutral1 !important",bc:"$info4 ",i:{color:"inherit"}}},{isSolid:!0,type:"success",css:{color:"$alwaysWhite !important",bc:"$success2",i:{color:"inherit"}}},{isSolid:!0,type:"error",css:{color:"$alwaysWhite !important",bc:"$danger2",i:{color:"inherit"}}},{isSolid:!0,type:"warning",css:{color:"$alwaysBlack !important",bc:"$warning3",i:{color:"inherit"}}}]}),b=function(i){var e=i.variation,n=void 0===e?"simple":e,a=i.textSize,l=void 0===a?"small":a,s=i.type,c=void 0===s?"info":s,m=i.isSolid,d=void 0!==m&&m,p=i.children,u=i.css,$=v(c),f=h(c);return o.createElement(g,{isSolid:d,variation:n,type:c,css:u},o.createElement(t,{icon:$,iconSize:24,css:f}),o.createElement(r,{size:{small:"bodySmall",medium:"bodyMedium",color:"inherit !important"}[l],css:{color:"inherit"},weight:"regular"},p))},y=c("div",{borderRadius:"$small",padding:"$small3 $small1 $medium1 $small3",background:"$background1",boxShadow:"$shadowSmall",display:"flex",justifyContent:"space-between",position:"absolute",color:"$neutral5",variants:{position:{left:{left:"$medium1"},right:{right:"$medium1"}},variation:{toast:{animation:m({from:{transform:"translate3d(0,$sizes$xlarge3,0)"},to:{transform:"translate3d(0,0,0)"}})+" 300ms ease-out",bottom:"$medium1",marginTop:"$small2",maxWidth:"392px"},banner:{animation:m({from:{transform:"translate3d(0,-$sizes$xlarge3,0)"},to:{transform:"translate3d(0,0,0)"}})+" 300ms ease-out",top:"$medium1",marginBottom:"$small2",maxWidth:"808px"}},isSolid:{true:{color:"$mono1 !important",i:{color:"$mono1"}}},type:{success:{boxShadow:"$shadowSmall, inset 0px -4px 0px $colors$success2"},info:{boxShadow:"$shadowSmall, inset 0px -4px 0px $colors$info3"},error:{boxShadow:"$shadowSmall, inset 0px -4px 0px $colors$danger2"},warning:{boxShadow:"$shadowSmall, inset 0px -4px 0px $colors$warning2"}}},compoundVariants:[{isSolid:!0,type:"info",css:{bc:"$info4 ",boxShadow:"$shadowSmall, inset 0px -4px 0px $colors$success1"}},{isSolid:!0,type:"success",css:{bc:"$success2"}},{isSolid:!0,type:"error",css:{bc:"$danger2"}},{isSolid:!0,type:"warning",css:{boxShadow:"$shadowSmall, inset 0px -4px 0px $colors$warning2",bc:"$warning4",color:"$alwaysBlack"}}]}),x=c("div",{display:"flex"}),S=c("div",{display:"flex",flexDirection:"column"}),w=c("h3",{fontFamily:"$untitled",fontSize:"$bodySmall",margin:0,padding:0,color:"$neutral5",lineHeight:"$small2",variants:{variation:{toast:{fontWeight:"$semibold !important"},banner:{fontWeight:"$bold !important"}}}}),E=c("span",{fontFamily:"$untitled",fontSize:"$bodySmall",fontWeight:"$regular",color:"$neutral5",lineHeight:"$small2"}),O=c("div",{marginTop:"-$small2",marginLeft:"$small1"}),z=function(e){var r=e.children,n=e.type,a=void 0===n?"info":n,l=e.title,s=e.timeout,c=void 0===s?8:s,m=e.autohide,$=void 0!==m&&m,f=e.isSolid,g=void 0!==f&&f,b=e.variation,z=void 0===b?"toast":b,j=e.position,W=void 0===j?"left":j,k=e.css,T=e.setIsVisible,F=v(a),I=u(u({},h(a)),{mt:"-3px"}),P={marginTop:r&&l?"$small2":0},V={color:"inherit"},B=1e3*c;return i((function(){if($){var o=setTimeout((function(){return T(!1)}),B);return function(){return clearTimeout(o)}}}),[B,$]),o.createElement(y,{type:a,variation:z,isSolid:g,position:W,css:k},o.createElement(x,null,o.createElement(t,{icon:F,iconSize:20,css:I}),o.createElement(S,null,o.createElement(w,{variation:z,css:V},l),r&&o.createElement(E,{style:P,css:V},r))),o.createElement(O,null,o.createElement(d,{variant:"ghost",icon:p,onClick:function(){return T(!1)}})))},j=function(i){var e=i.variation,t=i.type,r=i.children,n=$(i,["variation","type","children"]);return o.createElement(o.Fragment,null,{"inline-simple":o.createElement(b,u({variation:"simple",type:t},n),r),"inline-box":o.createElement(b,u({variation:"box",type:t},n),r),banner:o.createElement(z,u({variation:"banner",type:t},n),r),toast:o.createElement(z,u({variation:"toast",type:t},n),r)}[e])},W=c("div",{width:"100%"}),k=function(i){var t=i.variation,r=void 0===t?"inline-simple":t,n=i.type,a=void 0===n?"info":n,l=i.children,s=i.isSolid,c=void 0!==s&&s,m=$(i,["variation","type","children","isSolid"]),d=e(!0),p=d[0],f=d[1];return o.createElement(o.Fragment,null,p&&o.createElement(W,null,o.createElement(j,u({isSolid:c,variation:r,setIsVisible:f,type:a},m),l)))};export{k as default};
+import o,{useEffect as i,useState as e}from"react";import t from"@cavilha/icon";import r from"@cavilha/text";import{faInfoCircle as n,faCheckCircle as a,faExclamationTriangle as l,faExclamationCircle as s}from"@fortawesome/pro-solid-svg-icons";import{styled as c,keyframes as m}from"@cavilha/theme";import d from"@cavilha/button";import{faTimes as p}from"@fortawesome/pro-regular-svg-icons";var u=function(){return u=Object.assign||function(o){for(var i,e=1,t=arguments.length;e<t;e++)for(var r in i=arguments[e])Object.prototype.hasOwnProperty.call(i,r)&&(o[r]=i[r]);return o},u.apply(this,arguments)};function $(o,i){var e={};for(var t in o)Object.prototype.hasOwnProperty.call(o,t)&&i.indexOf(t)<0&&(e[t]=o[t]);if(null!=o&&"function"==typeof Object.getOwnPropertySymbols){var r=0;for(t=Object.getOwnPropertySymbols(o);r<t.length;r++)i.indexOf(t[r])<0&&Object.prototype.propertyIsEnumerable.call(o,t[r])&&(e[t[r]]=o[t[r]])}return e}var f={info:{icon:n,color:"$colors$info3"},success:{icon:a,color:"$colors$success2"},error:{icon:l,color:"$colors$danger2"},warning:{icon:s,color:"$colors$warning2"}},v=function(o){return f[o].icon},h=function(o){return{color:f[o].color,mr:"$space$small2"}};c("div",{});var g=c("div",{display:"flex",alignItems:"center",background:"transparent",borderRadius:"$small",height:"$medium3",color:"$neutral5",variants:{variation:{simple:{border:"none !important"},box:{padding:"$small2"}},isSolid:{true:{padding:"$medium1"}},type:{info:{border:"1px solid $info3"},success:{border:"1px solid $success2"},error:{border:"1px solid $danger2"},warning:{border:"1px solid $warning2"}}},compoundVariants:[{isSolid:!0,type:"info",css:{color:"$neutral1 !important",bc:"$info4 ",i:{color:"inherit"}}},{isSolid:!0,type:"success",css:{color:"$alwaysWhite !important",bc:"$success2",i:{color:"inherit"}}},{isSolid:!0,type:"error",css:{color:"$alwaysWhite !important",bc:"$danger2",i:{color:"inherit"}}},{isSolid:!0,type:"warning",css:{color:"$alwaysBlack !important",bc:"$warning3",i:{color:"inherit"}}}]}),b=function(i){var e=i.variation,n=void 0===e?"simple":e,a=i.textSize,l=void 0===a?"small":a,s=i.type,c=void 0===s?"info":s,m=i.isSolid,d=void 0!==m&&m,p=i.children,u=i.css,$=v(c),f=h(c);return o.createElement(g,{isSolid:d,variation:n,type:c,css:u},o.createElement(t,{icon:$,iconSize:24,css:f}),o.createElement(r,{size:{small:"bodySmall",medium:"bodyMedium",color:"inherit !important"}[l],css:{color:"inherit"},weight:"regular"},p))},y=m({from:{transform:"translate3d(0,$sizes$xlarge3,0)"},to:{transform:"translate3d(0,0,0)"}}),x=m({from:{transform:"translate3d(0,-$sizes$xlarge3,0)"},to:{transform:"translate3d(0,0,0)"}}),S=c("div",{borderRadius:"$small",padding:"$small3 $small1 $medium1 $small3",background:"$background1",boxShadow:"$shadowSmall",display:"flex",justifyContent:"space-between",position:"absolute",color:"$neutral5",variants:{position:{left:{left:"$medium1"},right:{right:"$medium1"}},variation:{toast:{animation:"".concat(y," 300ms ease-out"),bottom:"$medium1",marginTop:"$small2",maxWidth:"392px"},banner:{animation:"".concat(x," 300ms ease-out"),top:"$medium1",marginBottom:"$small2",maxWidth:"808px"}},isSolid:{true:{color:"$mono1 !important",i:{color:"$mono1"}}},type:{success:{boxShadow:"$shadowSmall, inset 0px -4px 0px $colors$success2"},info:{boxShadow:"$shadowSmall, inset 0px -4px 0px $colors$info3"},error:{boxShadow:"$shadowSmall, inset 0px -4px 0px $colors$danger2"},warning:{boxShadow:"$shadowSmall, inset 0px -4px 0px $colors$warning2"}}},compoundVariants:[{isSolid:!0,type:"info",css:{bc:"$info4 ",boxShadow:"$shadowSmall, inset 0px -4px 0px $colors$success1"}},{isSolid:!0,type:"success",css:{bc:"$success2"}},{isSolid:!0,type:"error",css:{bc:"$danger2"}},{isSolid:!0,type:"warning",css:{boxShadow:"$shadowSmall, inset 0px -4px 0px $colors$warning2",bc:"$warning4",color:"$alwaysBlack"}}]}),w=c("div",{display:"flex"}),E=c("div",{display:"flex",flexDirection:"column"}),O=c("h3",{fontFamily:"$untitled",fontSize:"$bodySmall",margin:0,padding:0,color:"$neutral5",lineHeight:"$small2",variants:{variation:{toast:{fontWeight:"$semibold !important"},banner:{fontWeight:"$bold !important"}}}}),z=c("span",{fontFamily:"$untitled",fontSize:"$bodySmall",fontWeight:"$regular",color:"$neutral5",lineHeight:"$small2"}),j=c("div",{marginTop:"-$small2",marginLeft:"$small1"}),W=function(e){var r=e.children,n=e.type,a=void 0===n?"info":n,l=e.title,s=e.timeout,c=void 0===s?8:s,m=e.autohide,$=void 0!==m&&m,f=e.isSolid,g=void 0!==f&&f,b=e.variation,y=void 0===b?"toast":b,x=e.position,W=void 0===x?"left":x,k=e.css,T=e.setIsVisible,F=v(a),I=u(u({},h(a)),{mt:"-3px"}),P={marginTop:r&&l?"$small2":0},V={color:"inherit"},B=1e3*c;return i((function(){if($){var o=setTimeout((function(){return T(!1)}),B);return function(){return clearTimeout(o)}}}),[B,$]),o.createElement(S,{type:a,variation:y,isSolid:g,position:W,css:k},o.createElement(w,null,o.createElement(t,{icon:F,iconSize:20,css:I}),o.createElement(E,null,o.createElement(O,{variation:y,css:V},l),r&&o.createElement(z,{style:P,css:V},r))),o.createElement(j,null,o.createElement(d,{variant:"ghost",icon:p,onClick:function(){return T(!1)}})))},k=function(i){var e=i.variation,t=i.type,r=i.children,n=$(i,["variation","type","children"]);return o.createElement(o.Fragment,null,{"inline-simple":o.createElement(b,u({variation:"simple",type:t},n),r),"inline-box":o.createElement(b,u({variation:"box",type:t},n),r),banner:o.createElement(W,u({variation:"banner",type:t},n),r),toast:o.createElement(W,u({variation:"toast",type:t},n),r)}[e])},T=c("div",{width:"100%"}),F=function(i){var t=i.variation,r=void 0===t?"inline-simple":t,n=i.type,a=void 0===n?"info":n,l=i.children,s=i.isSolid,c=void 0!==s&&s,m=$(i,["variation","type","children","isSolid"]),d=e(!0),p=d[0],f=d[1];return o.createElement(o.Fragment,null,p&&o.createElement(T,null,o.createElement(k,u({isSolid:c,variation:r,setIsVisible:f,type:a},m),l)))};export{F as default};

dist/InlineAlert/InlineAlert.d.ts

@@ -1,4 +0,3 @@
-/// <reference types="react" />
 import { InlineAlertProps } from './InlineAlert.types';
 declare const InlineAlert: ({ variation, textSize, type, isSolid, children, css, }: InlineAlertProps) => JSX.Element;
 export default InlineAlert;

dist/InlineAlert/InlineAlert.styles.d.ts

 import { StitchesVariants, CSS } from '@cavilha/theme';
-export declare const InlineAlertContainer: import("@stitches/react").StitchesComponentWithAutoCompleteForJSXElements<"div", {}, import("@stitches/react").TMedias & {
-    initial: "";
+export declare const InlineAlertContainer: import("@stitches/react/types/styled-component").StyledComponent<"div", {}, {
+    sm: string;
+    md: string;
+    lg: string;
+}, import("@stitches/react/types/css-util").CSS<{
+    sm: string;
+    md: string;
+    lg: string;
 }, {
@@ -237,59 +243,136 @@ colors: {
     };
-}, {
-    p: any;
-    pt: any;
-    pr: any;
-    pb: any;
-    pl: any;
-    px: any;
-    py: any;
-    m: any;
-    mt: any;
-    mr: any;
-    mb: any;
-    ml: any;
-    mx: any;
-    my: any;
-    ta: any;
-    fd: any;
-    fw: any;
-    ai: any;
-    ac: any;
-    jc: any;
-    as: any;
-    fg: any;
-    fs: any;
-    fb: any;
-    bc: any;
-    br: any;
-    btrr: any;
-    bbrr: any;
-    bblr: any;
-    btlr: any;
-    bs: any;
-    lh: any;
-    ox: any;
-    oy: any;
-    pe: any;
-    us: any;
-    size: any;
-    linearGradient: any;
-}, import("@stitches/react").CSSPropertiesToTokenScale>;
-export declare const InlineAlertContent: import("@stitches/react").StitchesComponentWithAutoCompleteForJSXElements<"div", {
-    variation: {
-        simple: unknown;
-        box: unknown;
+}, import("@stitches/react/types/config").DefaultThemeMap, {
+    p: (value: {}) => {
+        padding: {};
     };
-    isSolid: {
-        true: unknown;
+    pt: (value: {}) => {
+        paddingTop: {};
     };
-    type: {
-        info: unknown;
-        success: unknown;
-        error: unknown;
-        warning: unknown;
+    pr: (value: {}) => {
+        paddingRight: {};
     };
-}, import("@stitches/react").TMedias & {
-    initial: "";
+    pb: (value: {}) => {
+        paddingBottom: {};
+    };
+    pl: (value: {}) => {
+        paddingLeft: {};
+    };
+    px: (value: {}) => {
+        paddingLeft: {};
+        paddingRight: {};
+    };
+    py: (value: {}) => {
+        paddingTop: {};
+        paddingBottom: {};
+    };
+    m: (value: {}) => {
+        margin: {};
+    };
+    mt: (value: {}) => {
+        marginTop: {};
+    };
+    mr: (value: {}) => {
+        marginRight: {};
+    };
+    mb: (value: {}) => {
+        marginBottom: {};
+    };
+    ml: (value: {}) => {
+        marginLeft: {};
+    };
+    mx: (value: {}) => {
+        marginLeft: {};
+        marginRight: {};
+    };
+    my: (value: {}) => {
+        marginTop: {};
+        marginBottom: {};
+    };
+    ta: (value: {}) => {
+        textAlign: {};
+    };
+    fd: (value: {}) => {
+        flexDirection: {};
+    };
+    fw: (value: {}) => {
+        flexWrap: {};
+    };
+    ai: (value: {}) => {
+        alignItems: {};
+    };
+    ac: (value: {}) => {
+        alignContent: {};
+    };
+    jc: (value: {}) => {
+        justifyContent: {};
+    };
+    as: (value: {}) => {
+        alignSelf: {};
+    };
+    fg: (value: {}) => {
+        flexGrow: {};
+    };
+    fs: (value: {}) => {
+        flexShrink: {};
+    };
+    fb: (value: {}) => {
+        flexBasis: {};
+    };
+    bc: (value: {}) => {
+        backgroundColor: {};
+    };
+    br: (value: {}) => {
+        borderRadius: {};
+    };
+    btrr: (value: {}) => {
+        borderTopRightRadius: {};
+    };
+    bbrr: (value: {}) => {
+        borderBottomRightRadius: {};
+    };
+    bblr: (value: {}) => {
+        borderBottomLeftRadius: {};
+    };
+    btlr: (value: {}) => {
+        borderTopLeftRadius: {};
+    };
+    bs: (value: {}) => {
+        boxShadow: {};
+    };
+    lh: (value: {}) => {
+        lineHeight: {};
+    };
+    ox: (value: {}) => {
+        overflowX: {};
+    };
+    oy: (value: {}) => {
+        overflowY: {};
+    };
+    pe: (value: {}) => {
+        pointerEvents: {};
+    };
+    us: (value: {}) => {
+        userSelect: {};
+    };
+    size: (value: {}) => {
+        width: {};
+        height: {};
+    };
+    linearGradient: (value: string) => {
+        backgroundImage: string;
+    };
+}>>;
+export declare const InlineAlertContent: import("@stitches/react/types/styled-component").StyledComponent<"div", {
+    variation?: "simple" | "box" | undefined;
+    isSolid?: boolean | "true" | undefined;
+    type?: "info" | "success" | "error" | "warning" | undefined;
 }, {
+    sm: string;
+    md: string;
+    lg: string;
+}, import("@stitches/react/types/css-util").CSS<{
+    sm: string;
+    md: string;
+    lg: string;
+}, {
     colors: {
@@ -527,44 +610,125 @@ hiContrast: string;
     };
-}, {
-    p: any;
-    pt: any;
-    pr: any;
-    pb: any;
-    pl: any;
-    px: any;
-    py: any;
-    m: any;
-    mt: any;
-    mr: any;
-    mb: any;
-    ml: any;
-    mx: any;
-    my: any;
-    ta: any;
-    fd: any;
-    fw: any;
-    ai: any;
-    ac: any;
-    jc: any;
-    as: any;
-    fg: any;
-    fs: any;
-    fb: any;
-    bc: any;
-    br: any;
-    btrr: any;
-    bbrr: any;
-    bblr: any;
-    btlr: any;
-    bs: any;
-    lh: any;
-    ox: any;
-    oy: any;
-    pe: any;
-    us: any;
-    size: any;
-    linearGradient: any;
-}, import("@stitches/react").CSSPropertiesToTokenScale>;
+}, import("@stitches/react/types/config").DefaultThemeMap, {
+    p: (value: {}) => {
+        padding: {};
+    };
+    pt: (value: {}) => {
+        paddingTop: {};
+    };
+    pr: (value: {}) => {
+        paddingRight: {};
+    };
+    pb: (value: {}) => {
+        paddingBottom: {};
+    };
+    pl: (value: {}) => {
+        paddingLeft: {};
+    };
+    px: (value: {}) => {
+        paddingLeft: {};
+        paddingRight: {};
+    };
+    py: (value: {}) => {
+        paddingTop: {};
+        paddingBottom: {};
+    };
+    m: (value: {}) => {
+        margin: {};
+    };
+    mt: (value: {}) => {
+        marginTop: {};
+    };
+    mr: (value: {}) => {
+        marginRight: {};
+    };
+    mb: (value: {}) => {
+        marginBottom: {};
+    };
+    ml: (value: {}) => {
+        marginLeft: {};
+    };
+    mx: (value: {}) => {
+        marginLeft: {};
+        marginRight: {};
+    };
+    my: (value: {}) => {
+        marginTop: {};
+        marginBottom: {};
+    };
+    ta: (value: {}) => {
+        textAlign: {};
+    };
+    fd: (value: {}) => {
+        flexDirection: {};
+    };
+    fw: (value: {}) => {
+        flexWrap: {};
+    };
+    ai: (value: {}) => {
+        alignItems: {};
+    };
+    ac: (value: {}) => {
+        alignContent: {};
+    };
+    jc: (value: {}) => {
+        justifyContent: {};
+    };
+    as: (value: {}) => {
+        alignSelf: {};
+    };
+    fg: (value: {}) => {
+        flexGrow: {};
+    };
+    fs: (value: {}) => {
+        flexShrink: {};
+    };
+    fb: (value: {}) => {
+        flexBasis: {};
+    };
+    bc: (value: {}) => {
+        backgroundColor: {};
+    };
+    br: (value: {}) => {
+        borderRadius: {};
+    };
+    btrr: (value: {}) => {
+        borderTopRightRadius: {};
+    };
+    bbrr: (value: {}) => {
+        borderBottomRightRadius: {};
+    };
+    bblr: (value: {}) => {
+        borderBottomLeftRadius: {};
+    };
+    btlr: (value: {}) => {
+        borderTopLeftRadius: {};
+    };
+    bs: (value: {}) => {
+        boxShadow: {};
+    };
+    lh: (value: {}) => {
+        lineHeight: {};
+    };
+    ox: (value: {}) => {
+        overflowX: {};
+    };
+    oy: (value: {}) => {
+        overflowY: {};
+    };
+    pe: (value: {}) => {
+        pointerEvents: {};
+    };
+    us: (value: {}) => {
+        userSelect: {};
+    };
+    size: (value: {}) => {
+        width: {};
+        height: {};
+    };
+    linearGradient: (value: string) => {
+        backgroundImage: string;
+    };
+}>>;
 export declare type Variants = StitchesVariants<typeof InlineAlertContent> & {
     css?: CSS;
 };

package.json

 {
   "name": "@cavilha/alert",
-  "version": "0.0.6",
+  "version": "1.0.0",
   "description": "An alert component with diferent style variants and alignment options",
@@ -62,9 +62,9 @@ "author": "MadeiraMadeira webstore squads",
     "tsconfig-paths": "~3.9.0",
-    "typescript": "~4.3.0"
+    "typescript": "4.7.4"
   },
   "peerDependencies": {
-    "@fortawesome/fontawesome-svg-core": "^1.2.34",
+    "@stitches/react": "~1.2.8",
+    "@fortawesome/fontawesome-svg-core": "~1.2.34",
     "@fortawesome/pro-regular-svg-icons": "^5.15.2",
     "@fortawesome/pro-solid-svg-icons": "^5.15.3",
-    "@stitches/react": "^0.2.2",
     "@types/react": "^17.0.11",
@@ -75,7 +75,7 @@ "react": "^17.0.1",
   "dependencies": {
-    "@cavilha/button": "0.0.6",
-    "@cavilha/icon": "0.0.4",
-    "@cavilha/text": "0.0.4",
-    "@cavilha/theme": "0.0.4"
+    "@cavilha/button": "*",
+    "@cavilha/icon": "*",
+    "@cavilha/text": "*",
+    "@cavilha/theme": "*"
   }
 }

New alerts

Wildcard dependency

Quality

Package has a dependency with a floating version range. This can cause issues if the dependency publishes a new major version.

Found 4 instances in 1 package

Fixed alerts

No v1

Quality

Package is not semver >=1. This means it is not stable and does not support ^ ranges.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

102576

increased by21.09%

Lines of code

3436

increased by28.07%

Number of low quality alerts

2

decreased by-33.33%

Worsened metrics

Number of medium quality alerts

5

increased by400%

Dependency changes

• + Added@cavilha/button@1.0.1(transitive)

• + Added@cavilha/icon@1.0.1(transitive)

• + Added@cavilha/text@1.0.1(transitive)

• + Added@cavilha/theme@1.0.1(transitive)

• + Added@fortawesome/fontawesome-common-types@0.2.36(transitive)

• + Added@fortawesome/fontawesome-svg-core@1.2.36(transitive)

• + Added@stitches/react@1.2.8(transitive)

• - Removed@cavilha/button@0.0.6(transitive)

• - Removed@cavilha/icon@0.0.4(transitive)

• - Removed@cavilha/text@0.0.4(transitive)

• - Removed@cavilha/theme@0.0.4(transitive)

• - Removed@fortawesome/fontawesome-common-types@0.3.0(transitive)

• - Removed@fortawesome/fontawesome-svg-core@1.3.0(transitive)

• - Removed@stitches/react@0.2.5(transitive)

• Updated@cavilha/button@*

• Updated@cavilha/icon@*

• Updated@cavilha/text@*

• Updated@cavilha/theme@*