@webstudio-is/sdk-components-react-radix 0.167.0 → 0.173.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/lib/components.js +33 -9
- package/lib/hooks.js +112 -24
- package/lib/metas.js +41 -155
- package/lib/props.js +1330 -244
- package/lib/types/accordion.d.ts +2 -5
- package/lib/types/checkbox.d.ts +1 -1
- package/lib/types/dialog.d.ts +1 -1
- package/lib/types/label.d.ts +0 -1
- package/lib/types/navigation-menu.d.ts +2 -7
- package/lib/types/select.d.ts +3 -3
- package/lib/types/sheet.d.ts +3 -4
- package/lib/types/tabs.d.ts +3 -3
- package/lib/types/theme/styles.d.ts +130 -219
- package/lib/types/theme/tailwind-classes.d.ts +1 -1
- package/package.json +9 -11
package/lib/types/accordion.d.ts
CHANGED
|
@@ -1,12 +1,9 @@
|
|
|
1
1
|
import { type ForwardRefExoticComponent, type ComponentProps, type RefAttributes } from "react";
|
|
2
2
|
import { Header, Trigger, Content } from "@radix-ui/react-accordion";
|
|
3
3
|
import { type Hook } from "@webstudio-is/react-sdk";
|
|
4
|
-
export declare const Accordion: ForwardRefExoticComponent<Omit<Omit<import("@radix-ui/react-accordion").AccordionSingleProps & RefAttributes<HTMLDivElement>, "ref">, "type" | "
|
|
5
|
-
value: string;
|
|
6
|
-
onValueChange: (value: string) => void;
|
|
7
|
-
} & RefAttributes<HTMLDivElement>>;
|
|
4
|
+
export declare const Accordion: ForwardRefExoticComponent<Omit<Omit<import("@radix-ui/react-accordion").AccordionSingleProps & RefAttributes<HTMLDivElement>, "ref">, "type" | "asChild"> & RefAttributes<HTMLDivElement>>;
|
|
8
5
|
export declare const AccordionItem: ForwardRefExoticComponent<Omit<Omit<import("@radix-ui/react-accordion").AccordionItemProps & RefAttributes<HTMLDivElement>, "ref">, "value"> & {
|
|
9
|
-
value?: string
|
|
6
|
+
value?: string;
|
|
10
7
|
} & RefAttributes<HTMLDivElement>>;
|
|
11
8
|
export declare const AccordionHeader: ForwardRefExoticComponent<Omit<ComponentProps<typeof Header>, "asChild"> & RefAttributes<HTMLHeadingElement>>;
|
|
12
9
|
export declare const AccordionTrigger: ForwardRefExoticComponent<Omit<ComponentProps<typeof Trigger>, "asChild"> & RefAttributes<HTMLButtonElement>>;
|
package/lib/types/checkbox.d.ts
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { type ForwardRefExoticComponent, type ComponentProps } from "react";
|
|
2
2
|
import { Indicator } from "@radix-ui/react-checkbox";
|
|
3
3
|
export declare const Checkbox: ForwardRefExoticComponent<Omit<Omit<Omit<import("@radix-ui/react-checkbox").CheckboxProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & {
|
|
4
|
-
ref?: ((instance: HTMLButtonElement | null) => void) | import("react").RefObject<HTMLButtonElement> | null | undefined;
|
|
4
|
+
ref?: ((instance: HTMLButtonElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLButtonElement> | null | undefined;
|
|
5
5
|
}, "checked"> & {
|
|
6
6
|
checked: boolean;
|
|
7
7
|
}, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
|
package/lib/types/dialog.d.ts
CHANGED
|
@@ -16,7 +16,7 @@ export declare const DialogContent: import("react").ForwardRefExoticComponent<Om
|
|
|
16
16
|
export declare const DialogClose: import("react").ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & import("react").RefAttributes<HTMLButtonElement>>;
|
|
17
17
|
type Tag = "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
|
|
18
18
|
export declare const DialogTitle: import("react").ForwardRefExoticComponent<Omit<DialogPrimitive.DialogTitleProps & import("react").RefAttributes<HTMLHeadingElement> & {
|
|
19
|
-
tag?: Tag
|
|
19
|
+
tag?: Tag;
|
|
20
20
|
}, "ref"> & import("react").RefAttributes<HTMLHeadingElement>>;
|
|
21
21
|
export declare const DialogDescription: import("react").ForwardRefExoticComponent<DialogPrimitive.DialogDescriptionProps & import("react").RefAttributes<HTMLParagraphElement>>;
|
|
22
22
|
export declare const hooksDialog: Hook;
|
package/lib/types/label.d.ts
CHANGED
|
@@ -1,3 +1,2 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
1
|
import * as LabelPrimitive from "@radix-ui/react-label";
|
|
3
2
|
export declare const Label: import("react").ForwardRefExoticComponent<Omit<Omit<LabelPrimitive.LabelProps & import("react").RefAttributes<HTMLLabelElement>, "ref">, "asChild"> & import("react").RefAttributes<HTMLLabelElement>>;
|
|
@@ -1,15 +1,10 @@
|
|
|
1
1
|
import * as NavigationMenuPrimitive from "@radix-ui/react-navigation-menu";
|
|
2
2
|
import { type Hook } from "@webstudio-is/react-sdk";
|
|
3
|
-
import { type ReactNode } from "react";
|
|
4
3
|
export declare const NavigationMenu: import("react").ForwardRefExoticComponent<Omit<Omit<NavigationMenuPrimitive.NavigationMenuProps & import("react").RefAttributes<HTMLElement>, "ref">, "aria-orientation" | "orientation"> & import("react").RefAttributes<HTMLLIElement>>;
|
|
5
4
|
export declare const NavigationMenuList: import("react").ForwardRefExoticComponent<NavigationMenuPrimitive.NavigationMenuListProps & import("react").RefAttributes<HTMLUListElement>>;
|
|
6
5
|
export declare const NavigationMenuViewport: import("react").ForwardRefExoticComponent<NavigationMenuPrimitive.NavigationMenuViewportProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
7
6
|
export declare const NavigationMenuContent: import("react").ForwardRefExoticComponent<NavigationMenuPrimitive.NavigationMenuContentProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
8
7
|
export declare const NavigationMenuItem: import("react").ForwardRefExoticComponent<Omit<Omit<NavigationMenuPrimitive.NavigationMenuItemProps & import("react").RefAttributes<HTMLLIElement>, "ref">, "asChild"> & import("react").RefAttributes<HTMLLIElement>>;
|
|
9
|
-
export declare const NavigationMenuLink: import("react").ForwardRefExoticComponent<
|
|
10
|
-
|
|
11
|
-
} & import("react").RefAttributes<HTMLAnchorElement>>;
|
|
12
|
-
export declare const NavigationMenuTrigger: import("react").ForwardRefExoticComponent<{
|
|
13
|
-
children: ReactNode;
|
|
14
|
-
} & import("react").RefAttributes<HTMLButtonElement>>;
|
|
8
|
+
export declare const NavigationMenuLink: import("react").ForwardRefExoticComponent<Omit<NavigationMenuPrimitive.NavigationMenuLinkProps & import("react").RefAttributes<HTMLAnchorElement>, "ref"> & import("react").RefAttributes<HTMLAnchorElement>>;
|
|
9
|
+
export declare const NavigationMenuTrigger: import("react").ForwardRefExoticComponent<Omit<NavigationMenuPrimitive.NavigationMenuTriggerProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
|
|
15
10
|
export declare const hooksNavigationMenu: Hook;
|
package/lib/types/select.d.ts
CHANGED
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import { type ForwardRefExoticComponent, type ComponentProps, type RefAttributes } from "react";
|
|
2
|
-
import {
|
|
2
|
+
import { Item, ItemIndicator, ItemText, Viewport } from "@radix-ui/react-select";
|
|
3
3
|
import { type Hook } from "@webstudio-is/react-sdk";
|
|
4
4
|
export declare const Select: ForwardRefExoticComponent<import("@radix-ui/react-select").SelectProps & RefAttributes<HTMLDivElement>>;
|
|
5
|
-
export declare const SelectTrigger: ForwardRefExoticComponent<
|
|
5
|
+
export declare const SelectTrigger: ForwardRefExoticComponent<Omit<import("@radix-ui/react-select").SelectTriggerProps & RefAttributes<HTMLButtonElement>, "ref"> & RefAttributes<HTMLButtonElement>>;
|
|
6
6
|
export declare const SelectValue: ForwardRefExoticComponent<Omit<Omit<import("@radix-ui/react-select").SelectValueProps & RefAttributes<HTMLSpanElement>, "ref">, "placeholder"> & {
|
|
7
|
-
placeholder?: string
|
|
7
|
+
placeholder?: string;
|
|
8
8
|
} & RefAttributes<HTMLDivElement>>;
|
|
9
9
|
export declare const SelectContent: ForwardRefExoticComponent<Omit<Omit<import("@radix-ui/react-select").SelectContentProps & RefAttributes<HTMLDivElement>, "ref">, "position" | "side"> & RefAttributes<HTMLDivElement>>;
|
|
10
10
|
export declare const SelectViewport: ForwardRefExoticComponent<ComponentProps<typeof Viewport> & RefAttributes<HTMLDivElement>>;
|
package/lib/types/sheet.d.ts
CHANGED
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
1
|
import { type Hook } from "@webstudio-is/react-sdk";
|
|
3
2
|
export declare const Sheet: import("react").ForwardRefExoticComponent<Omit<import("@radix-ui/react-dialog").DialogProps, "defaultOpen"> & import("react").RefAttributes<HTMLDivElement>>;
|
|
4
3
|
export declare const SheetTrigger: import("react").ForwardRefExoticComponent<{
|
|
@@ -7,11 +6,11 @@ export declare const SheetTrigger: import("react").ForwardRefExoticComponent<{
|
|
|
7
6
|
export declare const SheetOverlay: import("react").ForwardRefExoticComponent<Omit<import("@radix-ui/react-dialog").DialogOverlayProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
|
|
8
7
|
export declare const SheetClose: import("react").ForwardRefExoticComponent<import("@radix-ui/react-dialog").DialogCloseProps & import("react").RefAttributes<HTMLButtonElement>>;
|
|
9
8
|
export declare const SheetTitle: import("react").ForwardRefExoticComponent<Omit<import("@radix-ui/react-dialog").DialogTitleProps & import("react").RefAttributes<HTMLHeadingElement> & {
|
|
10
|
-
tag?:
|
|
9
|
+
tag?: "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
|
|
11
10
|
}, "ref"> & import("react").RefAttributes<HTMLHeadingElement>>;
|
|
12
11
|
export declare const SheetDescription: import("react").ForwardRefExoticComponent<import("@radix-ui/react-dialog").DialogDescriptionProps & import("react").RefAttributes<HTMLParagraphElement>>;
|
|
13
12
|
export declare const SheetContent: import("react").ForwardRefExoticComponent<Omit<Omit<import("@radix-ui/react-dialog").DialogContentProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
|
|
14
|
-
tag?: "div" | "nav"
|
|
15
|
-
side?: "
|
|
13
|
+
tag?: "div" | "nav";
|
|
14
|
+
side?: "top" | "right" | "bottom" | "left";
|
|
16
15
|
} & import("react").RefAttributes<HTMLDivElement>>;
|
|
17
16
|
export declare const hooksSheet: Hook;
|
package/lib/types/tabs.d.ts
CHANGED
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
import { type ForwardRefExoticComponent, type ComponentProps, type RefAttributes } from "react";
|
|
2
2
|
import { Root } from "@radix-ui/react-tabs";
|
|
3
3
|
import { type Hook } from "@webstudio-is/react-sdk";
|
|
4
|
-
export declare const Tabs: ForwardRefExoticComponent<Omit<ComponentProps<typeof Root>, "asChild"
|
|
4
|
+
export declare const Tabs: ForwardRefExoticComponent<Omit<ComponentProps<typeof Root>, "asChild"> & RefAttributes<HTMLDivElement>>;
|
|
5
5
|
export declare const TabsList: ForwardRefExoticComponent<import("@radix-ui/react-tabs").TabsListProps & RefAttributes<HTMLDivElement>>;
|
|
6
6
|
export declare const TabsTrigger: ForwardRefExoticComponent<Omit<Omit<import("@radix-ui/react-tabs").TabsTriggerProps & RefAttributes<HTMLButtonElement>, "ref">, "value"> & {
|
|
7
|
-
value?: string
|
|
7
|
+
value?: string;
|
|
8
8
|
} & RefAttributes<HTMLButtonElement>>;
|
|
9
9
|
export declare const TabsContent: ForwardRefExoticComponent<Omit<Omit<import("@radix-ui/react-tabs").TabsContentProps & RefAttributes<HTMLDivElement>, "ref">, "value"> & {
|
|
10
|
-
value?: string
|
|
10
|
+
value?: string;
|
|
11
11
|
} & RefAttributes<HTMLDivElement>>;
|
|
12
12
|
export declare const hooksTabs: Hook;
|