@nextui-org/react 1.0.2-alpha.2 → 1.0.2-beta.4

package/{cjs → types}/switch/switch.styles.d.ts

@@ -139,18 +139,23 @@ export declare const StyledSwitchContainer: import("@stitches/react/types/styled
         primaryLight: string;
         primary: string;
         primaryDark: string;
+        primaryShadow: string;
         secondaryLight: string;
         secondary: string;
         secondaryDark: string;
+        secondaryShadow: string;
         successLight: string;
         success: string;
         successDark: string;
+        successShadow: string;
         warningLight: string;
         warning: string;
         warningDark: string;
+        warningShadow: string;
         errorLight: string;
         error: string;
         errorDark: string;
+        errorShadow: string;
         gradient: string;
         link: string;
     };
@@ -841,6 +846,22 @@ export declare const StyledSwitchContainer: import("@stitches/react/types/styled
             readonly [$$PropertyValue]: "width";
         };
     };
+    minSize: (value: {
+        readonly [$$PropertyValue]: "width";
+    }) => {
+        minWidth: {
+            readonly [$$PropertyValue]: "width";
+        };
+        minHeight: {
+            readonly [$$PropertyValue]: "width";
+        };
+        width: {
+            readonly [$$PropertyValue]: "width";
+        };
+        height: {
+            readonly [$$PropertyValue]: "width";
+        };
+    };
     sizeMin: (value: {
         readonly [$$PropertyValue]: "width";
     }) => {
@@ -857,6 +878,16 @@ export declare const StyledSwitchContainer: import("@stitches/react/types/styled
             readonly [$$PropertyValue]: "width";
         };
     };
+    maxSize: (value: {
+        readonly [$$PropertyValue]: "width";
+    }) => {
+        maxWidth: {
+            readonly [$$PropertyValue]: "width";
+        };
+        maxHeight: {
+            readonly [$$PropertyValue]: "width";
+        };
+    };
     sizeMax: (value: {
         readonly [$$PropertyValue]: "width";
     }) => {
@@ -887,12 +918,22 @@ export declare const StyledSwitchContainer: import("@stitches/react/types/styled
     }) => {
         backgroundImage: string;
     };
+    tdl: (value: {
+        readonly [$$PropertyValue]: "textDecorationLine";
+    }) => {
+        textDecorationLine: {
+            readonly [$$PropertyValue]: "textDecorationLine";
+        };
+    };
     textGradient: (value: {
         readonly [$$PropertyValue]: "backgroundImage";
     }) => {
         backgroundImage: string;
         WebkitBackgroundClip: string;
         WebkitTextFillColor: string;
+        '&::selection': {
+            WebkitTextFillColor: string;
+        };
     };
 }>>;
 export declare const StyledSwitchInput: import("@stitches/react/types/styled-component").StyledComponent<"input", {}, {
@@ -1029,18 +1070,23 @@ export declare const StyledSwitchInput: import("@stitches/react/types/styled-com
         primaryLight: string;
         primary: string;
         primaryDark: string;
+        primaryShadow: string;
         secondaryLight: string;
         secondary: string;
         secondaryDark: string;
+        secondaryShadow: string;
         successLight: string;
         success: string;
         successDark: string;
+        successShadow: string;
         warningLight: string;
         warning: string;
         warningDark: string;
+        warningShadow: string;
         errorLight: string;
         error: string;
         errorDark: string;
+        errorShadow: string;
         gradient: string;
         link: string;
     };
@@ -1731,6 +1777,22 @@ export declare const StyledSwitchInput: import("@stitches/react/types/styled-com
             readonly [$$PropertyValue]: "width";
         };
     };
+    minSize: (value: {
+        readonly [$$PropertyValue]: "width";
+    }) => {
+        minWidth: {
+            readonly [$$PropertyValue]: "width";
+        };
+        minHeight: {
+            readonly [$$PropertyValue]: "width";
+        };
+        width: {
+            readonly [$$PropertyValue]: "width";
+        };
+        height: {
+            readonly [$$PropertyValue]: "width";
+        };
+    };
     sizeMin: (value: {
         readonly [$$PropertyValue]: "width";
     }) => {
@@ -1747,6 +1809,16 @@ export declare const StyledSwitchInput: import("@stitches/react/types/styled-com
             readonly [$$PropertyValue]: "width";
         };
     };
+    maxSize: (value: {
+        readonly [$$PropertyValue]: "width";
+    }) => {
+        maxWidth: {
+            readonly [$$PropertyValue]: "width";
+        };
+        maxHeight: {
+            readonly [$$PropertyValue]: "width";
+        };
+    };
     sizeMax: (value: {
         readonly [$$PropertyValue]: "width";
     }) => {
@@ -1777,12 +1849,22 @@ export declare const StyledSwitchInput: import("@stitches/react/types/styled-com
     }) => {
         backgroundImage: string;
     };
+    tdl: (value: {
+        readonly [$$PropertyValue]: "textDecorationLine";
+    }) => {
+        textDecorationLine: {
+            readonly [$$PropertyValue]: "textDecorationLine";
+        };
+    };
     textGradient: (value: {
         readonly [$$PropertyValue]: "backgroundImage";
     }) => {
         backgroundImage: string;
         WebkitBackgroundClip: string;
         WebkitTextFillColor: string;
+        '&::selection': {
+            WebkitTextFillColor: string;
+        };
     };
 }>>;
 export declare const StyledSwitchCircle: import("@stitches/react/types/styled-component").StyledComponent<"span", {}, {
@@ -1919,18 +2001,23 @@ export declare const StyledSwitchCircle: import("@stitches/react/types/styled-co
         primaryLight: string;
         primary: string;
         primaryDark: string;
+        primaryShadow: string;
         secondaryLight: string;
         secondary: string;
         secondaryDark: string;
+        secondaryShadow: string;
         successLight: string;
         success: string;
         successDark: string;
+        successShadow: string;
         warningLight: string;
         warning: string;
         warningDark: string;
+        warningShadow: string;
         errorLight: string;
         error: string;
         errorDark: string;
+        errorShadow: string;
         gradient: string;
         link: string;
     };
@@ -2621,6 +2708,22 @@ export declare const StyledSwitchCircle: import("@stitches/react/types/styled-co
             readonly [$$PropertyValue]: "width";
         };
     };
+    minSize: (value: {
+        readonly [$$PropertyValue]: "width";
+    }) => {
+        minWidth: {
+            readonly [$$PropertyValue]: "width";
+        };
+        minHeight: {
+            readonly [$$PropertyValue]: "width";
+        };
+        width: {
+            readonly [$$PropertyValue]: "width";
+        };
+        height: {
+            readonly [$$PropertyValue]: "width";
+        };
+    };
     sizeMin: (value: {
         readonly [$$PropertyValue]: "width";
     }) => {
@@ -2637,6 +2740,16 @@ export declare const StyledSwitchCircle: import("@stitches/react/types/styled-co
             readonly [$$PropertyValue]: "width";
         };
     };
+    maxSize: (value: {
+        readonly [$$PropertyValue]: "width";
+    }) => {
+        maxWidth: {
+            readonly [$$PropertyValue]: "width";
+        };
+        maxHeight: {
+            readonly [$$PropertyValue]: "width";
+        };
+    };
     sizeMax: (value: {
         readonly [$$PropertyValue]: "width";
     }) => {
@@ -2667,12 +2780,22 @@ export declare const StyledSwitchCircle: import("@stitches/react/types/styled-co
     }) => {
         backgroundImage: string;
     };
+    tdl: (value: {
+        readonly [$$PropertyValue]: "textDecorationLine";
+    }) => {
+        textDecorationLine: {
+            readonly [$$PropertyValue]: "textDecorationLine";
+        };
+    };
     textGradient: (value: {
         readonly [$$PropertyValue]: "backgroundImage";
     }) => {
         backgroundImage: string;
         WebkitBackgroundClip: string;
         WebkitTextFillColor: string;
+        '&::selection': {
+            WebkitTextFillColor: string;
+        };
     };
 }>>;
 export declare const StyledSwitch: import("@stitches/react/types/styled-component").StyledComponent<"div", {
@@ -2816,18 +2939,23 @@ export declare const StyledSwitch: import("@stitches/react/types/styled-componen
         primaryLight: string;
         primary: string;
         primaryDark: string;
+        primaryShadow: string;
         secondaryLight: string;
         secondary: string;
         secondaryDark: string;
+        secondaryShadow: string;
         successLight: string;
         success: string;
         successDark: string;
+        successShadow: string;
         warningLight: string;
         warning: string;
         warningDark: string;
+        warningShadow: string;
         errorLight: string;
         error: string;
         errorDark: string;
+        errorShadow: string;
         gradient: string;
         link: string;
     };
@@ -3518,6 +3646,22 @@ export declare const StyledSwitch: import("@stitches/react/types/styled-componen
             readonly [$$PropertyValue]: "width";
         };
     };
+    minSize: (value: {
+        readonly [$$PropertyValue]: "width";
+    }) => {
+        minWidth: {
+            readonly [$$PropertyValue]: "width";
+        };
+        minHeight: {
+            readonly [$$PropertyValue]: "width";
+        };
+        width: {
+            readonly [$$PropertyValue]: "width";
+        };
+        height: {
+            readonly [$$PropertyValue]: "width";
+        };
+    };
     sizeMin: (value: {
         readonly [$$PropertyValue]: "width";
     }) => {
@@ -3534,6 +3678,16 @@ export declare const StyledSwitch: import("@stitches/react/types/styled-componen
             readonly [$$PropertyValue]: "width";
         };
     };
+    maxSize: (value: {
+        readonly [$$PropertyValue]: "width";
+    }) => {
+        maxWidth: {
+            readonly [$$PropertyValue]: "width";
+        };
+        maxHeight: {
+            readonly [$$PropertyValue]: "width";
+        };
+    };
     sizeMax: (value: {
         readonly [$$PropertyValue]: "width";
     }) => {
@@ -3564,12 +3718,22 @@ export declare const StyledSwitch: import("@stitches/react/types/styled-componen
     }) => {
         backgroundImage: string;
     };
+    tdl: (value: {
+        readonly [$$PropertyValue]: "textDecorationLine";
+    }) => {
+        textDecorationLine: {
+            readonly [$$PropertyValue]: "textDecorationLine";
+        };
+    };
     textGradient: (value: {
         readonly [$$PropertyValue]: "backgroundImage";
     }) => {
         backgroundImage: string;
         WebkitBackgroundClip: string;
         WebkitTextFillColor: string;
+        '&::selection': {
+            WebkitTextFillColor: string;
+        };
     };
 }>>;
 export declare type SwitchVariantsProps = VariantProps<typeof StyledSwitch>;

package/{esm → types}/text/child.d.ts

@@ -2,6 +2,7 @@ import React from 'react';
 import { CSS } from '../theme/stitches.config';
 import { SimpleColors, TextTransforms } from '../utils/prop-types';
 import { TextVariantsProps } from './text.styles';
+declare type As = keyof JSX.IntrinsicElements | React.ComponentType<any>;
 export interface Props {
     tag: keyof JSX.IntrinsicElements;
     color?: SimpleColors | string;
@@ -9,6 +10,7 @@ export interface Props {
     margin?: string | number;
     transform?: TextTransforms;
     css?: CSS;
+    as?: As;
 }
 declare const defaultProps: {
     color: string;

package/{cjs → types}/text/text.d.ts

@@ -28,7 +28,7 @@ declare const defaultProps: {
     h5: boolean;
     h6: boolean;
     b: boolean;
-    sm: boolean;
+    small: boolean;
     transform: "inherit" | "initial" | "revert" | "unset" | "none" | "capitalize" | "uppercase" | "lowercase" | "full-width" | "full-size-kana";
     i: boolean;
     span: boolean;
@@ -47,7 +47,7 @@ declare const _default: React.ComponentType<Partial<{
     h5: boolean;
     h6: boolean;
     b: boolean;
-    sm: boolean;
+    small: boolean;
     transform: "inherit" | "initial" | "revert" | "unset" | "none" | "capitalize" | "uppercase" | "lowercase" | "full-width" | "full-size-kana";
     i: boolean;
     span: boolean;
@@ -55,5 +55,5 @@ declare const _default: React.ComponentType<Partial<{
     em: boolean;
     blockquote: boolean;
     color: string;
-}> & Omit<TextProps, "sm" | "b" | "blockquote" | "del" | "em" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "i" | "span" | "color" | "transform">>;
+}> & Omit<TextProps, "b" | "blockquote" | "del" | "em" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "i" | "small" | "span" | "color" | "transform">>;
 export default _default;

package/{cjs → types}/text/text.styles.d.ts

@@ -135,18 +135,23 @@ export declare const StyledText: import("@stitches/react/types/styled-component"
         primaryLight: string;
         primary: string;
         primaryDark: string;
+        primaryShadow: string;
         secondaryLight: string;
         secondary: string;
         secondaryDark: string;
+        secondaryShadow: string;
         successLight: string;
         success: string;
         successDark: string;
+        successShadow: string;
         warningLight: string;
         warning: string;
         warningDark: string;
+        warningShadow: string;
         errorLight: string;
         error: string;
         errorDark: string;
+        errorShadow: string;
         gradient: string;
         link: string;
     };
@@ -837,6 +842,22 @@ export declare const StyledText: import("@stitches/react/types/styled-component"
             readonly [$$PropertyValue]: "width";
         };
     };
+    minSize: (value: {
+        readonly [$$PropertyValue]: "width";
+    }) => {
+        minWidth: {
+            readonly [$$PropertyValue]: "width";
+        };
+        minHeight: {
+            readonly [$$PropertyValue]: "width";
+        };
+        width: {
+            readonly [$$PropertyValue]: "width";
+        };
+        height: {
+            readonly [$$PropertyValue]: "width";
+        };
+    };
     sizeMin: (value: {
         readonly [$$PropertyValue]: "width";
     }) => {
@@ -853,6 +874,16 @@ export declare const StyledText: import("@stitches/react/types/styled-component"
             readonly [$$PropertyValue]: "width";
         };
     };
+    maxSize: (value: {
+        readonly [$$PropertyValue]: "width";
+    }) => {
+        maxWidth: {
+            readonly [$$PropertyValue]: "width";
+        };
+        maxHeight: {
+            readonly [$$PropertyValue]: "width";
+        };
+    };
     sizeMax: (value: {
         readonly [$$PropertyValue]: "width";
     }) => {
@@ -883,12 +914,22 @@ export declare const StyledText: import("@stitches/react/types/styled-component"
     }) => {
         backgroundImage: string;
     };
+    tdl: (value: {
+        readonly [$$PropertyValue]: "textDecorationLine";
+    }) => {
+        textDecorationLine: {
+            readonly [$$PropertyValue]: "textDecorationLine";
+        };
+    };
     textGradient: (value: {
         readonly [$$PropertyValue]: "backgroundImage";
     }) => {
         backgroundImage: string;
         WebkitBackgroundClip: string;
         WebkitTextFillColor: string;
+        '&::selection': {
+            WebkitTextFillColor: string;
+        };
     };
 }>>;
 export declare type TextVariantsProps = VariantProps<typeof StyledText>;

package/{cjs → types}/theme/common.d.ts

@@ -197,18 +197,23 @@ export declare const defaultColors: {
     primaryLight: string;
     primary: string;
     primaryDark: string;
+    primaryShadow: string;
     secondaryLight: string;
     secondary: string;
     secondaryDark: string;
+    secondaryShadow: string;
     successLight: string;
     success: string;
     successDark: string;
+    successShadow: string;
     warningLight: string;
     warning: string;
     warningDark: string;
+    warningShadow: string;
     errorLight: string;
     error: string;
     errorDark: string;
+    errorShadow: string;
     gradient: string;
     link: string;
 };
@@ -551,6 +556,20 @@ export declare const defaultUtils: {
             readonly [$$PropertyValue]: "width";
         };
     };
+    minSize: (value: Stitches.PropertyValue<'width'>) => {
+        minWidth: {
+            readonly [$$PropertyValue]: "width";
+        };
+        minHeight: {
+            readonly [$$PropertyValue]: "width";
+        };
+        width: {
+            readonly [$$PropertyValue]: "width";
+        };
+        height: {
+            readonly [$$PropertyValue]: "width";
+        };
+    };
     sizeMin: (value: Stitches.PropertyValue<'width'>) => {
         minWidth: {
             readonly [$$PropertyValue]: "width";
@@ -565,6 +584,14 @@ export declare const defaultUtils: {
             readonly [$$PropertyValue]: "width";
         };
     };
+    maxSize: (value: Stitches.PropertyValue<'width'>) => {
+        maxWidth: {
+            readonly [$$PropertyValue]: "width";
+        };
+        maxHeight: {
+            readonly [$$PropertyValue]: "width";
+        };
+    };
     sizeMax: (value: Stitches.PropertyValue<'width'>) => {
         maxWidth: {
             readonly [$$PropertyValue]: "width";
@@ -587,10 +614,18 @@ export declare const defaultUtils: {
     linearGradient: (value: Stitches.PropertyValue<'backgroundImage'>) => {
         backgroundImage: string;
     };
+    tdl: (value: Stitches.PropertyValue<'textDecorationLine'>) => {
+        textDecorationLine: {
+            readonly [$$PropertyValue]: "textDecorationLine";
+        };
+    };
     textGradient: (value: Stitches.PropertyValue<'backgroundImage'>) => {
         backgroundImage: string;
         WebkitBackgroundClip: string;
         WebkitTextFillColor: string;
+        '&::selection': {
+            WebkitTextFillColor: string;
+        };
     };
 };
 export declare const defaultThemeMap: {
@@ -804,18 +839,23 @@ declare const _default: {
             primaryLight: string;
             primary: string;
             primaryDark: string;
+            primaryShadow: string;
             secondaryLight: string;
             secondary: string;
             secondaryDark: string;
+            secondaryShadow: string;
             successLight: string;
             success: string;
             successDark: string;
+            successShadow: string;
             warningLight: string;
             warning: string;
             warningDark: string;
+            warningShadow: string;
             errorLight: string;
             error: string;
             errorDark: string;
+            errorShadow: string;
             gradient: string;
             link: string;
         };
@@ -1396,6 +1436,22 @@ declare const _default: {
                 readonly [$$PropertyValue]: "width";
             };
         };
+        minSize: (value: {
+            readonly [$$PropertyValue]: "width";
+        }) => {
+            minWidth: {
+                readonly [$$PropertyValue]: "width";
+            };
+            minHeight: {
+                readonly [$$PropertyValue]: "width";
+            };
+            width: {
+                readonly [$$PropertyValue]: "width";
+            };
+            height: {
+                readonly [$$PropertyValue]: "width";
+            };
+        };
         sizeMin: (value: {
             readonly [$$PropertyValue]: "width";
         }) => {
@@ -1412,6 +1468,16 @@ declare const _default: {
                 readonly [$$PropertyValue]: "width";
             };
         };
+        maxSize: (value: {
+            readonly [$$PropertyValue]: "width";
+        }) => {
+            maxWidth: {
+                readonly [$$PropertyValue]: "width";
+            };
+            maxHeight: {
+                readonly [$$PropertyValue]: "width";
+            };
+        };
         sizeMax: (value: {
             readonly [$$PropertyValue]: "width";
         }) => {
@@ -1442,12 +1508,22 @@ declare const _default: {
         }) => {
             backgroundImage: string;
         };
+        tdl: (value: {
+            readonly [$$PropertyValue]: "textDecorationLine";
+        }) => {
+            textDecorationLine: {
+                readonly [$$PropertyValue]: "textDecorationLine";
+            };
+        };
         textGradient: (value: {
             readonly [$$PropertyValue]: "backgroundImage";
         }) => {
             backgroundImage: string;
             WebkitBackgroundClip: string;
             WebkitTextFillColor: string;
+            '&::selection': {
+                WebkitTextFillColor: string;
+            };
         };
     };
     themeMap: {

package/{cjs → types}/theme/dark-theme.d.ts

@@ -10,11 +10,21 @@ declare const _default: {
         accents8: string;
         accents9: string;
         text: string;
+        blue900: string;
+        purple900: string;
+        green900: string;
+        yellow900: string;
+        red900: string;
         primaryLight: string;
+        primaryShadow: string;
         secondaryLight: string;
+        secondaryShadow: string;
         successLight: string;
+        successShadow: string;
         warningLight: string;
+        warningShadow: string;
         errorLight: string;
+        errorShadow: string;
         background: string;
         foreground: string;
         codeLight: string;