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

package/cjs/switch/switch.styles.d.ts

@@ -841,6 +841,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 +873,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,6 +913,13 @@ 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";
     }) => {
@@ -1731,6 +1764,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 +1796,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,6 +1836,13 @@ 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";
     }) => {
@@ -2621,6 +2687,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 +2719,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,6 +2759,13 @@ 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";
     }) => {
@@ -3518,6 +3617,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 +3649,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,6 +3689,13 @@ 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";
     }) => {

package/cjs/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/text/text.styles.d.ts

@@ -837,6 +837,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 +869,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,6 +909,13 @@ 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";
     }) => {

package/cjs/theme/common.d.ts

@@ -551,6 +551,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 +579,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,6 +609,11 @@ 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;
@@ -1396,6 +1423,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 +1455,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,6 +1495,13 @@ declare const _default: {
         }) => {
             backgroundImage: string;
         };
+        tdl: (value: {
+            readonly [$$PropertyValue]: "textDecorationLine";
+        }) => {
+            textDecorationLine: {
+                readonly [$$PropertyValue]: "textDecorationLine";
+            };
+        };
         textGradient: (value: {
             readonly [$$PropertyValue]: "backgroundImage";
         }) => {

package/cjs/theme/common.js

@@ -431,12 +431,22 @@ const defaultUtils = {
     width: value,
     height: value
   }),
+  minSize: value => ({
+    minWidth: value,
+    minHeight: value,
+    width: value,
+    height: value
+  }),
   sizeMin: value => ({
     minWidth: value,
     minHeight: value,
     width: value,
     height: value
   }),
+  maxSize: value => ({
+    maxWidth: value,
+    maxHeight: value
+  }),
   sizeMax: value => ({
     maxWidth: value,
     maxHeight: value
@@ -451,6 +461,9 @@ const defaultUtils = {
   linearGradient: value => ({
     backgroundImage: `linear-gradient(${value})`
   }),
+  tdl: value => ({
+    textDecorationLine: value
+  }),
   textGradient: value => ({
     backgroundImage: `linear-gradient(${value})`,
     WebkitBackgroundClip: 'text',