@wix/site-ui 1.22.0 → 1.24.0

package/dist/Box/index.css

@@ -0,0 +1,46 @@
+.root-Ao8l6B {
+  box-sizing: border-box;
+}
+
+.primary-CVNdae {
+  background-color: var(--wst-box-primary-background-color);
+  border-top-color: var(--wst-box-primary-border-top-color);
+  border-inline-end-color: var(--wst-box-primary-border-right-color);
+  border-bottom-color: var(--wst-box-primary-border-bottom-color);
+  border-inline-start-color: var(--wst-box-primary-border-left-color);
+  border-top-width: var(--wst-box-primary-border-top-width);
+  border-inline-end-width: var(--wst-box-primary-border-right-width);
+  border-bottom-width: var(--wst-box-primary-border-bottom-width);
+  border-inline-start-width: var(--wst-box-primary-border-left-width);
+  border-top-style: var(--wst-box-primary-border-top-style);
+  border-inline-end-style: var(--wst-box-primary-border-right-style);
+  border-bottom-style: var(--wst-box-primary-border-bottom-style);
+  border-inline-start-style: var(--wst-box-primary-border-left-style);
+  box-shadow: var(--wst-box-primary-box-shadow);
+  border-start-start-radius: var(--wst-box-primary-border-top-left-radius);
+  border-start-end-radius: var(--wst-box-primary-border-top-right-radius);
+  border-end-end-radius: var(--wst-box-primary-border-bottom-right-radius);
+  border-end-start-radius: var(--wst-box-primary-border-bottom-left-radius);
+}
+
+.secondary-cuRZXS {
+  background-color: var(--wst-box-secondary-background-color);
+  border-top-color: var(--wst-box-secondary-border-top-color);
+  border-inline-end-color: var(--wst-box-secondary-border-right-color);
+  border-bottom-color: var(--wst-box-secondary-border-bottom-color);
+  border-inline-start-color: var(--wst-box-secondary-border-left-color);
+  border-top-width: var(--wst-box-secondary-border-top-width);
+  border-inline-end-width: var(--wst-box-secondary-border-right-width);
+  border-bottom-width: var(--wst-box-secondary-border-bottom-width);
+  border-inline-start-width: var(--wst-box-secondary-border-left-width);
+  border-top-style: var(--wst-box-secondary-border-top-style);
+  border-inline-end-style: var(--wst-box-secondary-border-right-style);
+  border-bottom-style: var(--wst-box-secondary-border-bottom-style);
+  border-inline-start-style: var(--wst-box-secondary-border-left-style);
+  box-shadow: var(--wst-box-secondary-box-shadow);
+  border-start-start-radius: var(--wst-box-secondary-border-top-left-radius);
+  border-start-end-radius: var(--wst-box-secondary-border-top-right-radius);
+  border-end-end-radius: var(--wst-box-secondary-border-bottom-right-radius);
+  border-end-start-radius: var(--wst-box-secondary-border-bottom-left-radius);
+}
+

package/dist/Box/index.d.ts

@@ -0,0 +1,16 @@
+import * as React_2 from 'react';
+
+export declare const Box: React_2.ForwardRefExoticComponent<BoxProps & React_2.RefAttributes<HTMLDivElement>>;
+
+export declare interface BoxProps extends WithStringClassName<React_2.HTMLAttributes<HTMLDivElement>> {
+    variant?: BoxVariant;
+    render?: React_2.ReactElement;
+}
+
+export declare type BoxVariant = 'primary' | 'secondary';
+
+declare type WithStringClassName<P> = Omit<P, 'className'> & {
+    className?: string;
+};
+
+export { }

package/dist/Box/index.js

@@ -0,0 +1,27 @@
+import { jsx } from "react/jsx-runtime";
+import clsx from "clsx";
+import * as __rspack_external_react from "react";
+const Box_module = {
+    root: "root-Ao8l6B",
+    primary: "primary-CVNdae",
+    secondary: "secondary-cuRZXS"
+};
+const Box = /*#__PURE__*/ __rspack_external_react.forwardRef(({ variant = 'primary', render: renderProp, className, ...props }, ref)=>{
+    const variantClass = Box_module[variant];
+    if (renderProp) {
+        const { className: renderClassName, ...renderElementProps } = renderProp.props;
+        return /*#__PURE__*/ __rspack_external_react.cloneElement(renderProp, {
+            ...renderElementProps,
+            ...props,
+            ref,
+            className: clsx(Box_module.root, variantClass, renderClassName, className)
+        });
+    }
+    return /*#__PURE__*/ jsx("div", {
+        ref: ref,
+        className: clsx(Box_module.root, variantClass, className),
+        ...props
+    });
+});
+Box.displayName = 'Box';
+export { Box };

package/dist/index.d.ts

@@ -371,6 +371,15 @@ export declare const AvatarSize: {
 
 declare type BaseProps = WithStringClassName<React_2.ComponentPropsWithoutRef<typeof Button_2>>;
 
+export declare const Box: React_2.ForwardRefExoticComponent<BoxProps & React_2.RefAttributes<HTMLDivElement>>;
+
+export declare interface BoxProps extends WithStringClassName<React_2.HTMLAttributes<HTMLDivElement>> {
+    variant?: BoxVariant;
+    render?: React_2.ReactElement;
+}
+
+export declare type BoxVariant = 'primary' | 'secondary';
+
 export declare const Breadcrumbs: {
     Root: typeof Root_2;
     List: React_2.ForwardRefExoticComponent<Omit<Omit<Omit<NavigationMenuListProps, "ref"> & React_2.RefAttributes<HTMLUListElement>, "ref">, "className"> & {

package/dist/index.js

@@ -2,6 +2,7 @@ export { Accordion, AccordionSize, AccordionVariant } from "./Accordion/index.js
 export { AlertDialog } from "./AlertDialog/index.js";
 export { Autocomplete } from "./Autocomplete/index.js";
 export { Avatar, AvatarSize } from "./Avatar/index.js";
+export { Box } from "./Box/index.js";
 export { Breadcrumbs } from "./Breadcrumbs/index.js";
 export { Button } from "./Button/index.js";
 export { Checkbox, CheckboxSize } from "./Checkbox/index.js";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wix/site-ui",
-  "version": "1.22.0",
+  "version": "1.24.0",
   "description": "Pure UI components for the Wix site builder",
   "license": "MIT",
   "type": "module",
@@ -78,5 +78,5 @@
     "registry": "https://registry.npmjs.org/",
     "access": "public"
   },
-  "falconPackageHash": "fa9e8ea8c545576834e094cec31c02f7d83c736dca47ca96cd9d3da0"
+  "falconPackageHash": "410ee16cf094161d34d8c088290be6b01dd11a562688f127ca82d245"
 }