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

package/types/utils/checkmark.d.ts

@@ -0,0 +1,19 @@
+import React, { HTMLAttributes } from 'react';
+import type { CSS } from '../theme/stitches.config';
+interface Props {
+    css?: CSS;
+    width?: number;
+    height?: number;
+    size?: number;
+    strokeWidth?: number;
+    fill?: string;
+    className?: string;
+}
+declare type NativeAttrs = Omit<HTMLAttributes<HTMLElement>, keyof Props>;
+export declare type CheckmarkProps = Props & NativeAttrs;
+export declare const stroke: {
+    (): string;
+    name: string;
+};
+declare const Checkmark: React.FC<CheckmarkProps>;
+export default Checkmark;

package/types/utils/color.d.ts

@@ -15,6 +15,7 @@ export declare const isHex: (str: string) => boolean;
  */
 export declare const hexToRGBA: (hex: string, alpha?: number) => string;
 export declare const isNormalColor: (color: string) => boolean;
+export declare const isSimpleColor: (color: string) => boolean;
 /**
  * Function that checks color name support in the current browser
  * @param strColor

package/types/utils/dom.d.ts

@@ -1,5 +1,5 @@
 import { DOMRefValue, FocusableRef, FocusableRefValue } from '@react-types/shared';
-import { Ref, RefObject } from 'react';
+import { Ref, RefObject, MutableRefObject } from 'react';
 export declare function canUseDOM(): boolean;
 export declare const isBrowser: boolean;
 declare function getUserAgentBrowser(navigator: Navigator): "Chrome for iOS" | "Edge" | "Silk" | "Chrome" | "Firefox" | "AOSP" | "IE" | "Safari" | "WebKit" | null;
@@ -15,5 +15,8 @@ export declare function createDOMRef<T extends HTMLElement = HTMLElement>(ref: R
 export declare function createFocusableRef<T extends HTMLElement = HTMLElement>(domRef: RefObject<T>, focusableRef?: RefObject<HTMLElement>): FocusableRefValue<T>;
 export declare function useDOMRef<T extends HTMLElement = HTMLElement>(ref: RefObject<T | null> | Ref<T | null>): RefObject<T>;
 export declare function useFocusableRef<T extends HTMLElement = HTMLElement>(ref: FocusableRef<T>, focusableRef?: RefObject<HTMLElement>): RefObject<T>;
-export declare function unwrapDOMRef<T extends HTMLElement>(ref: RefObject<DOMRefValue<T>>): RefObject<T>;
+export interface ContextValue<T> {
+    ref?: MutableRefObject<T>;
+}
+export declare function useSyncRef<T>(context: ContextValue<T | null>, ref: RefObject<T>): void;
 export {};

package/types/utils/drip.d.ts

@@ -54,6 +54,13 @@ export declare const StyledDrip: 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;
@@ -195,6 +202,16 @@ export declare const StyledDrip: 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;
@@ -213,13 +230,20 @@ export declare const StyledDrip: 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;
@@ -235,9 +259,18 @@ export declare const StyledDrip: 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;
@@ -322,6 +355,7 @@ export declare const StyledDrip: import("@stitches/react/types/styled-component"
         avatar: string;
         link: string;
         card: string;
+        dropdownItem: string;
     };
     breakpoints: {
         xs: string;
@@ -697,7 +731,9 @@ export declare const StyledDrip: import("@stitches/react/types/styled-component"
         readonly [$$PropertyValue]: "backgroundColor";
     }) => {
         bf: string;
-        bg: string;
+        bg: {
+            readonly [$$PropertyValue]: "backgroundColor";
+        };
     };
     bgColor: (value: {
         readonly [$$PropertyValue]: "backgroundColor";
@@ -775,6 +811,32 @@ export declare const StyledDrip: 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";
     }) => {
@@ -978,6 +1040,16 @@ export declare const StyledDrip: 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";
     }) => {
@@ -1017,5 +1089,5 @@ declare const _default: React.ComponentType<Partial<{
     hover: string;
     dark: string;
     light: string;
-}>, "visible" | "x" | "y" | "className">>;
+}>, "visible" | "className" | "x" | "y">>;
 export default _default;

package/types/utils/prop-types.d.ts

@@ -28,6 +28,8 @@ export declare const excludedInputPropsForTextarea: ["clearable", "as", "rounded
 export declare const excludedTableProps: ["items", "disabledKeys", "allowDuplicateSelectionEvents", "disallowEmptySelection", "defaultSelectedKeys", "sortDescriptor", "onSortChange"];
 declare const selectionBehavior: ["toggle", "replace"];
 declare const selectionMode: ["none", "single", "multiple"];
+declare const dropdownVariants: ["flat", "light", "solid", "shadow"];
+declare const cardVariants: ["flat", "bordered", "shadow"];
 export declare type Display = typeof display[number];
 export declare type Justify = typeof justify[number];
 export declare type AlignItems = typeof alignItems[number];
@@ -53,6 +55,8 @@ export declare type DividerAlign = typeof dividerAlign[number];
 export declare type ContentPosition = typeof contentPosition[number];
 export declare type BreakpointsValue = number | boolean;
 export declare type ExcludedInputProps = typeof excludedInputPropsForTextarea[number];
+export declare type DropdownVariants = typeof dropdownVariants[number];
+export declare type CardVariants = typeof cardVariants[number];
 export interface AsProp<As extends ElementType = ElementType> {
     as?: As;
 }