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

package/types/checkbox/use-checkbox-group.d.ts

@@ -1,12 +1,13 @@
 import React from 'react';
 import type { AriaCheckboxGroupProps } from '@react-types/checkbox';
+import type { Orientation } from '@react-types/shared';
 import type { CSS } from '../theme/stitches.config';
 import type { NormalSizes, NormalColors, SimpleColors } from '../utils/prop-types';
 interface Props extends AriaCheckboxGroupProps {
-    isRow?: boolean;
     size?: NormalSizes;
     color?: NormalColors;
     labelColor?: SimpleColors;
+    orientation?: Orientation;
 }
 declare type NativeAttrs = Omit<React.HTMLAttributes<unknown>, keyof Props>;
 export declare type UseCheckboxGroupProps = Props & NativeAttrs & {
@@ -18,7 +19,7 @@ export declare type UseCheckboxGroupProps = Props & NativeAttrs & {
 export declare const useCheckboxGroup: (props?: UseCheckboxGroupProps) => {
     css: CSS | undefined;
     size: "xs" | "sm" | "md" | "lg" | "xl";
-    isRow: boolean;
+    orientation: Orientation;
     color: "default" | "primary" | "secondary" | "success" | "warning" | "error" | "gradient";
     labelColor: "default" | "primary" | "secondary" | "success" | "warning" | "error";
     groupState: import("@react-stately/checkbox").CheckboxGroupState;

package/types/code/code.styles.d.ts

@@ -39,6 +39,13 @@ export declare const StyledCode: import("@stitches/react/types/styled-component"
         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 StyledCode: import("@stitches/react/types/styled-component"
         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 StyledCode: import("@stitches/react/types/styled-component"
         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 StyledCode: import("@stitches/react/types/styled-component"
     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 StyledCode: import("@stitches/react/types/styled-component"
         avatar: string;
         link: string;
         card: string;
+        dropdownItem: string;
     };
     breakpoints: {
         xs: string;
@@ -682,7 +716,9 @@ export declare const StyledCode: import("@stitches/react/types/styled-component"
         readonly [$$PropertyValue]: "backgroundColor";
     }) => {
         bf: string;
-        bg: string;
+        bg: {
+            readonly [$$PropertyValue]: "backgroundColor";
+        };
     };
     bgColor: (value: {
         readonly [$$PropertyValue]: "backgroundColor";
@@ -760,6 +796,32 @@ export declare const StyledCode: import("@stitches/react/types/styled-component"
             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 StyledCode: import("@stitches/react/types/styled-component"
             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 StyledPre: import("@stitches/react/types/styled-component")
         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 StyledPre: import("@stitches/react/types/styled-component")
         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 StyledPre: import("@stitches/react/types/styled-component")
         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 StyledPre: import("@stitches/react/types/styled-component")
     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 StyledPre: import("@stitches/react/types/styled-component")
         avatar: string;
         link: string;
         card: string;
+        dropdownItem: string;
     };
     breakpoints: {
         xs: string;
@@ -1657,7 +1763,9 @@ export declare const StyledPre: import("@stitches/react/types/styled-component")
         readonly [$$PropertyValue]: "backgroundColor";
     }) => {
         bf: string;
-        bg: string;
+        bg: {
+            readonly [$$PropertyValue]: "backgroundColor";
+        };
     };
     bgColor: (value: {
         readonly [$$PropertyValue]: "backgroundColor";
@@ -1735,6 +1843,32 @@ export declare const StyledPre: import("@stitches/react/types/styled-component")
             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 StyledPre: import("@stitches/react/types/styled-component")
             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/col/col.styles.d.ts

@@ -39,6 +39,13 @@ export declare const StyledCol: import("@stitches/react/types/styled-component")
         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 StyledCol: import("@stitches/react/types/styled-component")
         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 StyledCol: import("@stitches/react/types/styled-component")
         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 StyledCol: import("@stitches/react/types/styled-component")
     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 StyledCol: import("@stitches/react/types/styled-component")
         avatar: string;
         link: string;
         card: string;
+        dropdownItem: string;
     };
     breakpoints: {
         xs: string;
@@ -682,7 +716,9 @@ export declare const StyledCol: import("@stitches/react/types/styled-component")
         readonly [$$PropertyValue]: "backgroundColor";
     }) => {
         bf: string;
-        bg: string;
+        bg: {
+            readonly [$$PropertyValue]: "backgroundColor";
+        };
     };
     bgColor: (value: {
         readonly [$$PropertyValue]: "backgroundColor";
@@ -760,6 +796,32 @@ export declare const StyledCol: import("@stitches/react/types/styled-component")
             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 StyledCol: import("@stitches/react/types/styled-component")
             readonly [$$PropertyValue]: "textDecorationLine";
         };
     };
+    truncateText: (value: {
+        readonly [$$PropertyValue]: "width";
+    }) => {
+        maxWidth: {
+            readonly [$$PropertyValue]: "width";
+        };
+        whiteSpace: string;
+        overflow: string;
+        textOverflow: string;
+    };
     textGradient: (value: {
         readonly [$$PropertyValue]: "backgroundImage";
     }) => {