@wix/site-ui 1.13.0 → 1.15.0

package/dist/index.d.ts

@@ -241,6 +241,7 @@ export declare const Accordion: {
         className?: string | undefined;
     } & React_2.RefAttributes<HTMLDivElement>>;
     Root: typeof Root;
+    Arrow: React_2.ForwardRefExoticComponent<Omit<ArrowProps, "ref"> & React_2.RefAttributes<SVGSVGElement>>;
 };
 
 export declare const AlertDialog: {
@@ -269,6 +270,10 @@ export declare const AlertDialog: {
     createHandle: typeof AlertDialog_2.createHandle;
 };
 
+declare type ArrowProps = React_2.SVGProps<SVGSVGElement> & {
+    className?: string;
+};
+
 export declare const Autocomplete: {
     InputGroup: React_2.ForwardRefExoticComponent<Omit<Omit<AutocompleteInputGroupProps & React_2.RefAttributes<HTMLDivElement>, "ref">, "className"> & {
         className?: string | undefined;
@@ -352,16 +357,15 @@ export declare const Button: React_2.ForwardRefExoticComponent<ButtonProps & Rea
 
 declare interface ButtonProps extends BaseProps {
     variant?: ButtonVariant;
-    size?: ButtonSize;
 }
 
-declare type ButtonSize = 'tiny' | 'small' | 'medium' | 'large';
-
 declare type ButtonVariant = 'primary' | 'secondary' | 'tertiary';
 
 export declare const Checkbox: {
     Root: React_2.ForwardRefExoticComponent<Omit<Omit<Omit<CheckboxRootProps, "ref"> & React_2.RefAttributes<HTMLElement>, "ref">, "className"> & {
         className?: string | undefined;
+    } & {
+        size?: number | undefined;
     } & React_2.RefAttributes<HTMLElement>>;
     Indicator: React_2.ForwardRefExoticComponent<Omit<Omit<Omit<CheckboxIndicatorProps, "ref"> & React_2.RefAttributes<HTMLSpanElement>, "ref">, "className"> & {
         className?: string | undefined;
@@ -372,6 +376,12 @@ export declare const CheckboxGroup: React_2.ForwardRefExoticComponent<Omit<Omit<
     className?: string | undefined;
 } & React_2.RefAttributes<HTMLDivElement>>;
 
+export declare const CheckboxSize: {
+    readonly small: 12;
+    readonly medium: 16;
+    readonly large: 20;
+};
+
 declare function Close({ className, ...props }: WithStringClassName<Drawer_2.Close.Props>): JSX_2.Element;
 
 export declare const Collapsible: {
@@ -808,6 +818,8 @@ export declare const PreviewCard: {
 export declare const Progress: {
     Root: React_2.ForwardRefExoticComponent<Omit<Omit<Omit<ProgressRootProps, "ref"> & React_2.RefAttributes<HTMLDivElement>, "ref">, "className"> & {
         className?: string | undefined;
+    } & {
+        size?: number | undefined;
     } & React_2.RefAttributes<HTMLDivElement>>;
     Track: React_2.ForwardRefExoticComponent<Omit<Omit<Omit<ProgressTrackProps, "ref"> & React_2.RefAttributes<HTMLDivElement>, "ref">, "className"> & {
         className?: string | undefined;
@@ -823,6 +835,13 @@ export declare const Progress: {
     } & React_2.RefAttributes<HTMLSpanElement>>;
 };
 
+export declare const ProgressSize: {
+    readonly thin: 4;
+    readonly small: 6;
+    readonly medium: 8;
+    readonly large: 12;
+};
+
 export declare const Radio: {
     Indicator: React_2.ForwardRefExoticComponent<Omit<Omit<Omit<RadioIndicatorProps, "ref"> & React_2.RefAttributes<HTMLSpanElement>, "ref">, "className"> & {
         className?: string | undefined;
@@ -834,13 +853,27 @@ export declare const RadioGroup: React_2.ForwardRefExoticComponent<Omit<Omit<Rad
     className?: string | undefined;
 } & React_2.RefAttributes<HTMLDivElement>>;
 
+export declare const RadioSize: {
+    readonly small: 12;
+    readonly medium: 16;
+    readonly large: 20;
+};
+
 declare function Root<Value = any>({ className, ...props }: WithStringClassName<Accordion_2.Root.Props<Value>>): JSX_2.Element;
 
 declare function Root_2<Value = any>({ className, ...props }: WithStringClassName<NavigationMenu_2.Root.Props<Value>>): JSX_2.Element;
 
-declare function Root_3<Value>({ className, ...props }: WithStringClassName<Radio_2.Root.Props<Value>>): JSX_2.Element;
+declare function Root_3<Value>({ className, size, style, ...props }: RootProps<Value>): JSX_2.Element;
 
-declare function Root_4<Value extends number | readonly number[]>({ className, ...props }: WithStringClassName<Slider_2.Root.Props<Value>>): JSX_2.Element;
+declare function Root_4<Value extends number | readonly number[]>({ className, size, style, ...props }: RootProps_2<Value>): JSX_2.Element;
+
+declare type RootProps<Value> = WithStringClassName<Radio_2.Root.Props<Value>> & {
+    size?: number;
+};
+
+declare type RootProps_2<Value extends number | readonly number[]> = WithStringClassName<Slider_2.Root.Props<Value>> & {
+    size?: number;
+};
 
 export declare const ScrollArea: {
     Root: React_2.ForwardRefExoticComponent<Omit<Omit<Omit<ScrollAreaRootProps, "ref"> & React_2.RefAttributes<HTMLDivElement>, "ref">, "className"> & {
@@ -943,15 +976,39 @@ export declare const Slider: {
     Root: typeof Root_4;
 };
 
+export declare const SliderSize: {
+    readonly small: 12;
+    readonly medium: 16;
+    readonly large: 20;
+};
+
 export declare const Switch: {
     Root: React_2.ForwardRefExoticComponent<Omit<Omit<Omit<SwitchRootProps, "ref"> & React_2.RefAttributes<HTMLElement>, "ref">, "className"> & {
         className?: string | undefined;
+    } & {
+        width?: number | undefined;
+        height?: number | undefined;
     } & React_2.RefAttributes<HTMLElement>>;
     Thumb: React_2.ForwardRefExoticComponent<Omit<Omit<Omit<SwitchThumbProps, "ref"> & React_2.RefAttributes<HTMLSpanElement>, "ref">, "className"> & {
         className?: string | undefined;
     } & React_2.RefAttributes<HTMLSpanElement>>;
 };
 
+export declare const SwitchSize: {
+    readonly small: {
+        readonly width: 36;
+        readonly height: 20;
+    };
+    readonly medium: {
+        readonly width: 44;
+        readonly height: 24;
+    };
+    readonly large: {
+        readonly width: 56;
+        readonly height: 32;
+    };
+};
+
 export declare const Tabs: {
     Root: React_2.ForwardRefExoticComponent<Omit<Omit<Omit<TabsRootProps, "ref"> & React_2.RefAttributes<HTMLDivElement>, "ref">, "className"> & {
         className?: string | undefined;
@@ -1038,6 +1095,15 @@ declare function Trigger_7<Payload = unknown>({ className, ...props }: WithStrin
 
 declare function Trigger_8<Payload = unknown>({ className, ...props }: WithStringClassName<Tooltip_2.Trigger.Props<Payload>> & React_2.RefAttributes<HTMLElement>): JSX_2.Element;
 
+export declare const Typography: React_2.ForwardRefExoticComponent<TypographyProps & React_2.RefAttributes<HTMLElement>>;
+
+export declare interface TypographyProps extends React_2.HTMLAttributes<HTMLElement> {
+    variant?: TypographyVariant;
+    render?: React_2.ReactElement;
+}
+
+export declare type TypographyVariant = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'p1' | 'p2' | 'p3';
+
 declare type WithStringClassName<P> = Omit<P, 'className'> & {
     className?: string;
 };

package/dist/index.js

@@ -3,7 +3,7 @@ export { AlertDialog } from "./AlertDialog/index.js";
 export { Autocomplete } from "./Autocomplete/index.js";
 export { Avatar, AvatarSize } from "./Avatar/index.js";
 export { Button } from "./Button/index.js";
-export { Checkbox } from "./Checkbox/index.js";
+export { Checkbox, CheckboxSize } from "./Checkbox/index.js";
 export { CheckboxGroup } from "./CheckboxGroup/index.js";
 export { Collapsible } from "./Collapsible/index.js";
 export { Combobox } from "./Combobox/index.js";
@@ -21,16 +21,17 @@ export { NavigationMenu } from "./NavigationMenu/index.js";
 export { NumberField } from "./NumberField/index.js";
 export { Popover } from "./Popover/index.js";
 export { PreviewCard } from "./PreviewCard/index.js";
-export { Progress } from "./Progress/index.js";
-export { Radio } from "./Radio/index.js";
+export { Progress, ProgressSize } from "./Progress/index.js";
+export { Radio, RadioSize } from "./Radio/index.js";
 export { RadioGroup } from "./RadioGroup/index.js";
 export { ScrollArea } from "./ScrollArea/index.js";
 export { Select } from "./Select/index.js";
 export { Separator } from "./Separator/index.js";
-export { Slider } from "./Slider/index.js";
-export { Switch } from "./Switch/index.js";
+export { Slider, SliderSize } from "./Slider/index.js";
+export { Switch, SwitchSize } from "./Switch/index.js";
 export { Tabs } from "./Tabs/index.js";
 export { Toggle } from "./Toggle/index.js";
 export { ToggleGroup } from "./ToggleGroup/index.js";
 export { Toolbar } from "./Toolbar/index.js";
 export { Tooltip } from "./Tooltip/index.js";
+export { Typography } from "./Typography/index.js";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wix/site-ui",
-  "version": "1.13.0",
+  "version": "1.15.0",
   "description": "Pure UI components for the Wix site builder",
   "license": "MIT",
   "type": "module",
@@ -77,5 +77,5 @@
     "registry": "https://registry.npmjs.org/",
     "access": "public"
   },
-  "falconPackageHash": "b8aa73002da3a13950a3de871dff4de09eda6f0e91684f4be2f6e150"
+  "falconPackageHash": "a8e93b8a04b6bd9b7dbea47edaf45ce59f109d983f40e5d2332948f4"
 }