@nextui-org/react 1.0.0-beta.7 → 1.0.0-beta.8

package/types/grid/grid.styles.d.ts

@@ -39,6 +39,13 @@ export declare const StyledGridContainer: import("@stitches/react/types/styled-c
         lg: string;
         xl: string;
     };
+    dropShadows: {
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+    };
     colors: {
         text: string;
         link: string;
@@ -180,6 +187,16 @@ export declare const StyledGridContainer: import("@stitches/react/types/styled-c
         errorSolidHover: string;
         errorSolidContrast: string;
         errorShadow: string;
+        neutralLight: string;
+        neutralLightHover: string;
+        neutralLightActive: string;
+        neutralLightContrast: string;
+        neutral: string;
+        neutralBorder: string;
+        neutralBorderHover: string;
+        neutralSolidHover: string;
+        neutralSolidContrast: string;
+        neutralShadow: string;
         gradient: string;
         accents0: string;
         accents1: string;
@@ -198,13 +215,20 @@ export declare const StyledGridContainer: import("@stitches/react/types/styled-c
         mono: string;
     };
     fontSizes: {
-        tiny: string;
         xs: string;
-        base: string;
         sm: string;
+        base: string;
         md: string;
         lg: string;
         xl: string;
+        xl2: string;
+        xl3: string;
+        xl4: string;
+        xl5: string;
+        xl6: string;
+        xl7: string;
+        xl8: string;
+        xl9: string;
     };
     fontWeights: {
         hairline: number;
@@ -220,9 +244,18 @@ export declare const StyledGridContainer: import("@stitches/react/types/styled-c
     lineHeights: {
         xs: number;
         sm: number;
+        base: number;
         md: number;
         lg: number;
         xl: number;
+        xl2: number;
+        xl3: number;
+        xl4: number;
+        xl5: number;
+        xl6: number;
+        xl7: number;
+        xl8: number;
+        xl9: number;
     };
     letterSpacings: {
         tighter: string;
@@ -307,6 +340,7 @@ export declare const StyledGridContainer: import("@stitches/react/types/styled-c
         avatar: string;
         link: string;
         card: string;
+        dropdownItem: string;
     };
     breakpoints: {
         xs: string;
@@ -682,7 +716,9 @@ export declare const StyledGridContainer: import("@stitches/react/types/styled-c
         readonly [$$PropertyValue]: "backgroundColor";
     }) => {
         bf: string;
-        bg: string;
+        bg: {
+            readonly [$$PropertyValue]: "backgroundColor";
+        };
     };
     bgColor: (value: {
         readonly [$$PropertyValue]: "backgroundColor";
@@ -760,6 +796,32 @@ export declare const StyledGridContainer: import("@stitches/react/types/styled-c
             readonly [$$PropertyValue]: "boxShadow";
         };
     };
+    ds: (value: {
+        readonly [$$PropertyValue]: "boxShadow";
+    }) => {
+        dropShadow: {
+            readonly [$$PropertyValue]: "boxShadow";
+        };
+    };
+    shadow: (value: {
+        readonly [$$PropertyValue]: "boxShadow";
+    }) => {
+        boxShadow: {
+            readonly [$$PropertyValue]: "boxShadow";
+        };
+    };
+    dshadow: (value: {
+        readonly [$$PropertyValue]: "boxShadow";
+    }) => {
+        dropShadow: {
+            readonly [$$PropertyValue]: "boxShadow";
+        };
+    };
+    dropShadow: (value: {
+        readonly [$$PropertyValue]: "boxShadow";
+    }) => {
+        filter: string;
+    };
     normalShadow: (value: {
         readonly [$$PropertyValue]: "backgroundColor";
     }) => {
@@ -963,6 +1025,16 @@ export declare const StyledGridContainer: import("@stitches/react/types/styled-c
             readonly [$$PropertyValue]: "textDecorationLine";
         };
     };
+    truncateText: (value: {
+        readonly [$$PropertyValue]: "width";
+    }) => {
+        maxWidth: {
+            readonly [$$PropertyValue]: "width";
+        };
+        whiteSpace: string;
+        overflow: string;
+        textOverflow: string;
+    };
     textGradient: (value: {
         readonly [$$PropertyValue]: "backgroundImage";
     }) => {
@@ -1014,6 +1086,13 @@ export declare const StyledGridItem: import("@stitches/react/types/styled-compon
         lg: string;
         xl: string;
     };
+    dropShadows: {
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+    };
     colors: {
         text: string;
         link: string;
@@ -1155,6 +1234,16 @@ export declare const StyledGridItem: import("@stitches/react/types/styled-compon
         errorSolidHover: string;
         errorSolidContrast: string;
         errorShadow: string;
+        neutralLight: string;
+        neutralLightHover: string;
+        neutralLightActive: string;
+        neutralLightContrast: string;
+        neutral: string;
+        neutralBorder: string;
+        neutralBorderHover: string;
+        neutralSolidHover: string;
+        neutralSolidContrast: string;
+        neutralShadow: string;
         gradient: string;
         accents0: string;
         accents1: string;
@@ -1173,13 +1262,20 @@ export declare const StyledGridItem: import("@stitches/react/types/styled-compon
         mono: string;
     };
     fontSizes: {
-        tiny: string;
         xs: string;
-        base: string;
         sm: string;
+        base: string;
         md: string;
         lg: string;
         xl: string;
+        xl2: string;
+        xl3: string;
+        xl4: string;
+        xl5: string;
+        xl6: string;
+        xl7: string;
+        xl8: string;
+        xl9: string;
     };
     fontWeights: {
         hairline: number;
@@ -1195,9 +1291,18 @@ export declare const StyledGridItem: import("@stitches/react/types/styled-compon
     lineHeights: {
         xs: number;
         sm: number;
+        base: number;
         md: number;
         lg: number;
         xl: number;
+        xl2: number;
+        xl3: number;
+        xl4: number;
+        xl5: number;
+        xl6: number;
+        xl7: number;
+        xl8: number;
+        xl9: number;
     };
     letterSpacings: {
         tighter: string;
@@ -1282,6 +1387,7 @@ export declare const StyledGridItem: import("@stitches/react/types/styled-compon
         avatar: string;
         link: string;
         card: string;
+        dropdownItem: string;
     };
     breakpoints: {
         xs: string;
@@ -1657,7 +1763,9 @@ export declare const StyledGridItem: import("@stitches/react/types/styled-compon
         readonly [$$PropertyValue]: "backgroundColor";
     }) => {
         bf: string;
-        bg: string;
+        bg: {
+            readonly [$$PropertyValue]: "backgroundColor";
+        };
     };
     bgColor: (value: {
         readonly [$$PropertyValue]: "backgroundColor";
@@ -1735,6 +1843,32 @@ export declare const StyledGridItem: import("@stitches/react/types/styled-compon
             readonly [$$PropertyValue]: "boxShadow";
         };
     };
+    ds: (value: {
+        readonly [$$PropertyValue]: "boxShadow";
+    }) => {
+        dropShadow: {
+            readonly [$$PropertyValue]: "boxShadow";
+        };
+    };
+    shadow: (value: {
+        readonly [$$PropertyValue]: "boxShadow";
+    }) => {
+        boxShadow: {
+            readonly [$$PropertyValue]: "boxShadow";
+        };
+    };
+    dshadow: (value: {
+        readonly [$$PropertyValue]: "boxShadow";
+    }) => {
+        dropShadow: {
+            readonly [$$PropertyValue]: "boxShadow";
+        };
+    };
+    dropShadow: (value: {
+        readonly [$$PropertyValue]: "boxShadow";
+    }) => {
+        filter: string;
+    };
     normalShadow: (value: {
         readonly [$$PropertyValue]: "backgroundColor";
     }) => {
@@ -1938,6 +2072,16 @@ export declare const StyledGridItem: import("@stitches/react/types/styled-compon
             readonly [$$PropertyValue]: "textDecorationLine";
         };
     };
+    truncateText: (value: {
+        readonly [$$PropertyValue]: "width";
+    }) => {
+        maxWidth: {
+            readonly [$$PropertyValue]: "width";
+        };
+        whiteSpace: string;
+        overflow: string;
+        textOverflow: string;
+    };
     textGradient: (value: {
         readonly [$$PropertyValue]: "backgroundImage";
     }) => {

package/types/image/image.d.ts

@@ -1,4 +1,5 @@
 import React from 'react';
+import type { PropsWithoutRef, RefAttributes } from 'react';
 import { ObjectFit } from '../utils/prop-types';
 import { CSS } from '../theme/stitches.config';
 import { ImageContainerVariantProps } from './image.styles';
@@ -14,22 +15,9 @@ interface Props {
     css?: CSS;
     containerCss?: CSS;
 }
-declare const defaultProps: {
-    showSkeleton: boolean;
-    autoResize: boolean;
-    objectFit: "inherit" | "initial" | "revert" | "unset" | "none" | "contain" | "cover" | "fill" | "scale-down";
-    maxDelay: number;
-    className: string;
-};
 declare type NativeAttrs = Omit<React.ImgHTMLAttributes<unknown>, keyof Props>;
-export declare type ImageProps = Props & typeof defaultProps & NativeAttrs & ImageContainerVariantProps;
-export declare const Image: React.ForwardRefExoticComponent<Props & {
-    showSkeleton: boolean;
-    autoResize: boolean;
-    objectFit: "inherit" | "initial" | "revert" | "unset" | "none" | "contain" | "cover" | "fill" | "scale-down";
-    maxDelay: number;
-    className: string;
-} & NativeAttrs & import("@stitches/react/types/styled-component").TransformProps<{
+export declare type ImageProps = Props & NativeAttrs & ImageContainerVariantProps;
+export declare const Image: React.ForwardRefExoticComponent<Props & NativeAttrs & import("@stitches/react/types/styled-component").TransformProps<{
     ready?: boolean | "true" | "false" | undefined;
 }, {
     xs: string;
@@ -48,7 +36,6 @@ export declare const Image: React.ForwardRefExoticComponent<Props & {
     dark: string;
     light: string;
 }> & React.RefAttributes<HTMLImageElement>>;
-declare type MemoImageComponent<P = {}> = React.NamedExoticComponent<P>;
-declare type ComponentProps = Partial<typeof defaultProps> & Omit<Props, keyof typeof defaultProps> & NativeAttrs;
-declare const _default: MemoImageComponent<ComponentProps>;
+declare type MemoImageComponent<T, P = {}> = React.ForwardRefExoticComponent<PropsWithoutRef<P> & RefAttributes<T>>;
+declare const _default: MemoImageComponent<HTMLImageElement, ImageProps>;
 export default _default;