@wix/site-ui 1.12.0 → 1.14.0

package/dist/Typography/index.js

@@ -0,0 +1,44 @@
+import { jsx } from "react/jsx-runtime";
+import clsx from "clsx";
+import * as __rspack_external_react from "react";
+const Typography_module = {
+    h1: "h1-go2_mI",
+    h2: "h2-dAyvwd",
+    h3: "h3-LClqyK",
+    h4: "h4-pzBHGr",
+    h5: "h5-HOx5Wp",
+    h6: "h6-zCNm1M",
+    p1: "p1-pY02jM",
+    p2: "p2-TsZIq5",
+    p3: "p3-N6QdAQ"
+};
+const variantToElementTagMap = {
+    h1: 'h1',
+    h2: 'h2',
+    h3: 'h3',
+    h4: 'h4',
+    h5: 'h5',
+    h6: 'h6',
+    p1: 'p',
+    p2: 'p',
+    p3: 'p'
+};
+const Typography = /*#__PURE__*/ __rspack_external_react.forwardRef(({ variant = 'p2', render: renderProp, className, ...props }, ref)=>{
+    const variantClass = Typography_module[variant];
+    if (renderProp) {
+        const { className: renderClassName, ...renderElementProps } = renderProp.props;
+        return /*#__PURE__*/ __rspack_external_react.cloneElement(renderProp, {
+            ...renderElementProps,
+            ...props,
+            ref,
+            className: clsx(variantClass, renderClassName, className)
+        });
+    }
+    const Tag = variantToElementTagMap[variant];
+    return /*#__PURE__*/ jsx(Tag, {
+        ref: ref,
+        className: clsx(variantClass, className),
+        ...props
+    });
+});
+export { Typography };

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;
@@ -326,6 +331,8 @@ export declare const Autocomplete: {
 export declare const Avatar: {
     Root: React_2.ForwardRefExoticComponent<Omit<Omit<Omit<AvatarRootProps, "ref"> & React_2.RefAttributes<HTMLSpanElement>, "ref">, "className"> & {
         className?: string | undefined;
+    } & {
+        size?: string | number | undefined;
     } & React_2.RefAttributes<HTMLSpanElement>>;
     Image: React_2.ForwardRefExoticComponent<Omit<Omit<Omit<AvatarImageProps, "ref"> & React_2.RefAttributes<HTMLImageElement>, "ref">, "className"> & {
         className?: string | undefined;
@@ -335,22 +342,30 @@ export declare const Avatar: {
     } & React_2.RefAttributes<HTMLSpanElement>>;
 };
 
+export declare const AvatarSize: {
+    readonly xxSmall: 16;
+    readonly xSmall: 20;
+    readonly small: 28;
+    readonly medium: 36;
+    readonly large: 52;
+    readonly xLarge: 60;
+};
+
 declare type BaseProps = WithStringClassName<React_2.ComponentPropsWithoutRef<typeof Button_2>>;
 
 export declare const Button: React_2.ForwardRefExoticComponent<ButtonProps & React_2.RefAttributes<HTMLElement>>;
 
 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;
@@ -361,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: {
@@ -797,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;
@@ -812,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;
@@ -823,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"> & {
@@ -932,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;
@@ -1027,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

@@ -1,9 +1,9 @@
 export { Accordion } from "./Accordion/index.js";
 export { AlertDialog } from "./AlertDialog/index.js";
 export { Autocomplete } from "./Autocomplete/index.js";
-export { Avatar } from "./Avatar/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.12.0",
+  "version": "1.14.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": "bc96fc89d1dbe3ac62768db3fcc724dc792da5018160673b4d352b1a"
+  "falconPackageHash": "a8e93b8a04b6bd9b7dbea47edaf45ce59f109d983f40e5d2332948f4"
 }