@nayhoo/ui 0.5.0 → 0.6.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.d.mts CHANGED
@@ -4,8 +4,10 @@ import { RecipeVariants } from '@vanilla-extract/recipes';
4
4
  import * as AvatarPrimitive from '@radix-ui/react-avatar';
5
5
  import * as react from 'react';
6
6
  import react__default from 'react';
7
+ import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
7
8
  import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
8
9
  import * as FormPrimitive from '@radix-ui/react-form';
10
+ import * as LabelPrimitive from '@radix-ui/react-label';
9
11
  import * as MenuPrimitive from '@radix-ui/react-menu';
10
12
  import * as SeparatorPrimitive from '@radix-ui/react-separator';
11
13
  import * as SwitchPrimitive from '@radix-ui/react-switch';
@@ -313,6 +315,27 @@ declare const defaultElement$c = "div";
313
315
  type CardProps = ComponentProps<typeof defaultElement$c, CardVariants>;
314
316
  declare const Card: ({ asChild, ...props }: CardProps) => react_jsx_runtime.JSX.Element;
315
317
 
318
+ declare const checkboxRecipe: _vanilla_extract_recipes.RuntimeFn<{
319
+ size: {
320
+ "1": {
321
+ width: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
322
+ height: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
323
+ borderRadius: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
324
+ };
325
+ "2": {
326
+ width: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
327
+ height: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
328
+ borderRadius: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
329
+ };
330
+ };
331
+ }>;
332
+ type CheckboxVariants = NonNullable<RecipeVariants<typeof checkboxRecipe>>;
333
+ declare const checkboxIndicatorRecipe: _vanilla_extract_recipes.RuntimeFn<{}>;
334
+ type CheckboxIndicatorVariants = NonNullable<RecipeVariants<typeof checkboxIndicatorRecipe>>;
335
+
336
+ type CheckboxProps = CheckboxPrimitive.CheckboxProps & CheckboxVariants & CheckboxIndicatorVariants;
337
+ declare const Checkbox: ({ ...props }: CheckboxProps) => react_jsx_runtime.JSX.Element;
338
+
316
339
  declare const containerRecipe: _vanilla_extract_recipes.RuntimeFn<{
317
340
  size: {
318
341
  "1": {
@@ -805,6 +828,12 @@ declare const defaultElement$8 = "button";
805
828
  type IconButtonProps = ComponentProps<typeof defaultElement$8, IconButtonVariants>;
806
829
  declare const IconButton: ({ asChild, ...props }: IconButtonProps) => react_jsx_runtime.JSX.Element;
807
830
 
831
+ type LabelSizeVariants = "1" | "2";
832
+ type LabelProps = LabelPrimitive.LabelProps & Omit<TextVariants, "size"> & {
833
+ size?: LabelSizeVariants;
834
+ };
835
+ declare const Label: ({ color, size, weight, ...props }: LabelProps) => react_jsx_runtime.JSX.Element;
836
+
808
837
  declare const linkRecipe: _vanilla_extract_recipes.RuntimeFn<{
809
838
  color: {
810
839
  primary: {
@@ -5006,4 +5035,4 @@ declare const lightTheme: string;
5006
5035
 
5007
5036
  declare function mergeClasses(...classes: (string | undefined)[]): string;
5008
5037
 
5009
- export { Avatar, Badge, Box, Button, Card, Container, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuTrigger, Flex, Form, FormControl, FormField, FormLabel, FormMessage, FormSubmit, Grid, Heading, type HeadingProps, IconButton, Link, Menu, MenuCheckboxItem, MenuContent, MenuGroup, MenuItem, MenuLabel, MenuRadioGroup, MenuRadioItem, MenuSeparator, Panel, Paragraph, Separator, Skeleton, Spinner, type Sprinkles, Status, Switch, SwitchThumb, Text, TextField, darkTheme, hide, lightTheme, mergeClasses, pulse, spin, sprinkles, theme };
5038
+ export { Avatar, Badge, Box, Button, Card, Checkbox, Container, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuTrigger, Flex, Form, FormControl, FormField, FormLabel, FormMessage, FormSubmit, Grid, Heading, type HeadingProps, IconButton, Label, Link, Menu, MenuCheckboxItem, MenuContent, MenuGroup, MenuItem, MenuLabel, MenuRadioGroup, MenuRadioItem, MenuSeparator, Panel, Paragraph, Separator, Skeleton, Spinner, type Sprinkles, Status, Switch, SwitchThumb, Text, TextField, darkTheme, hide, lightTheme, mergeClasses, pulse, spin, sprinkles, theme };
package/dist/index.d.ts CHANGED
@@ -4,8 +4,10 @@ import { RecipeVariants } from '@vanilla-extract/recipes';
4
4
  import * as AvatarPrimitive from '@radix-ui/react-avatar';
5
5
  import * as react from 'react';
6
6
  import react__default from 'react';
7
+ import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
7
8
  import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
8
9
  import * as FormPrimitive from '@radix-ui/react-form';
10
+ import * as LabelPrimitive from '@radix-ui/react-label';
9
11
  import * as MenuPrimitive from '@radix-ui/react-menu';
10
12
  import * as SeparatorPrimitive from '@radix-ui/react-separator';
11
13
  import * as SwitchPrimitive from '@radix-ui/react-switch';
@@ -313,6 +315,27 @@ declare const defaultElement$c = "div";
313
315
  type CardProps = ComponentProps<typeof defaultElement$c, CardVariants>;
314
316
  declare const Card: ({ asChild, ...props }: CardProps) => react_jsx_runtime.JSX.Element;
315
317
 
318
+ declare const checkboxRecipe: _vanilla_extract_recipes.RuntimeFn<{
319
+ size: {
320
+ "1": {
321
+ width: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
322
+ height: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
323
+ borderRadius: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
324
+ };
325
+ "2": {
326
+ width: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
327
+ height: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
328
+ borderRadius: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
329
+ };
330
+ };
331
+ }>;
332
+ type CheckboxVariants = NonNullable<RecipeVariants<typeof checkboxRecipe>>;
333
+ declare const checkboxIndicatorRecipe: _vanilla_extract_recipes.RuntimeFn<{}>;
334
+ type CheckboxIndicatorVariants = NonNullable<RecipeVariants<typeof checkboxIndicatorRecipe>>;
335
+
336
+ type CheckboxProps = CheckboxPrimitive.CheckboxProps & CheckboxVariants & CheckboxIndicatorVariants;
337
+ declare const Checkbox: ({ ...props }: CheckboxProps) => react_jsx_runtime.JSX.Element;
338
+
316
339
  declare const containerRecipe: _vanilla_extract_recipes.RuntimeFn<{
317
340
  size: {
318
341
  "1": {
@@ -805,6 +828,12 @@ declare const defaultElement$8 = "button";
805
828
  type IconButtonProps = ComponentProps<typeof defaultElement$8, IconButtonVariants>;
806
829
  declare const IconButton: ({ asChild, ...props }: IconButtonProps) => react_jsx_runtime.JSX.Element;
807
830
 
831
+ type LabelSizeVariants = "1" | "2";
832
+ type LabelProps = LabelPrimitive.LabelProps & Omit<TextVariants, "size"> & {
833
+ size?: LabelSizeVariants;
834
+ };
835
+ declare const Label: ({ color, size, weight, ...props }: LabelProps) => react_jsx_runtime.JSX.Element;
836
+
808
837
  declare const linkRecipe: _vanilla_extract_recipes.RuntimeFn<{
809
838
  color: {
810
839
  primary: {
@@ -5006,4 +5035,4 @@ declare const lightTheme: string;
5006
5035
 
5007
5036
  declare function mergeClasses(...classes: (string | undefined)[]): string;
5008
5037
 
5009
- export { Avatar, Badge, Box, Button, Card, Container, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuTrigger, Flex, Form, FormControl, FormField, FormLabel, FormMessage, FormSubmit, Grid, Heading, type HeadingProps, IconButton, Link, Menu, MenuCheckboxItem, MenuContent, MenuGroup, MenuItem, MenuLabel, MenuRadioGroup, MenuRadioItem, MenuSeparator, Panel, Paragraph, Separator, Skeleton, Spinner, type Sprinkles, Status, Switch, SwitchThumb, Text, TextField, darkTheme, hide, lightTheme, mergeClasses, pulse, spin, sprinkles, theme };
5038
+ export { Avatar, Badge, Box, Button, Card, Checkbox, Container, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuTrigger, Flex, Form, FormControl, FormField, FormLabel, FormMessage, FormSubmit, Grid, Heading, type HeadingProps, IconButton, Label, Link, Menu, MenuCheckboxItem, MenuContent, MenuGroup, MenuItem, MenuLabel, MenuRadioGroup, MenuRadioItem, MenuSeparator, Panel, Paragraph, Separator, Skeleton, Spinner, type Sprinkles, Status, Switch, SwitchThumb, Text, TextField, darkTheme, hide, lightTheme, mergeClasses, pulse, spin, sprinkles, theme };