@wix/site-ui 1.27.0 → 1.28.0

package/dist/Separator/index.css

@@ -1,21 +1,26 @@
 .root-rb7o7e {
-  margin-block: 0;
-  margin-inline: 0;
+  border-style: none;
+}
+
+.root-rb7o7e.primary-Ebj9ZZ {
+  border-width: var(--wst-system-line-1-width, 1px);
+  border-color: var(--wst-system-line-1-color, #000);
+}
+
+.root-rb7o7e.secondary-Gx3Eah {
+  border-width: var(--wst-system-line-2-width, 1px);
+  border-color: var(--wst-system-line-2-color, #1f4fff);
 }
 
 .root-rb7o7e[data-orientation="horizontal"] {
   border-bottom-style: solid;
-  border-width: 0 0 var(--wst-system-line-1-width, 1px) 0;
-  border-bottom-color: var(--wst-system-line-1-color, #c2c2c2);
-  opacity: 1;
-  max-width: 100%;
+  width: 100%;
+  margin: 24px 0;
 }
 
 .root-rb7o7e[data-orientation="vertical"] {
   border-left-style: solid;
-  border-width: 0 0 0 var(--wst-system-line-1-width, 1px);
-  border-left-color: var(--wst-system-line-1-color, #c2c2c2);
-  opacity: 1;
-  min-height: 100%;
+  height: 100%;
+  margin: 0 24px;
 }
 

package/dist/Separator/index.d.ts

@@ -1,9 +1,19 @@
 import * as React_2 from 'react';
-import { SeparatorProps } from '@base-ui/react/separator';
+import { Separator as Separator_2 } from '@base-ui/react/separator';
 
-export declare const Separator: React_2.ForwardRefExoticComponent<Omit<Omit<Omit<SeparatorProps, "ref"> & React_2.RefAttributes<HTMLDivElement>, "ref">, "className"> & {
-    className?: string | undefined;
-} & React_2.RefAttributes<HTMLDivElement>>;
+declare type BaseProps = WithStringClassName<React_2.ComponentPropsWithoutRef<typeof Separator_2>>;
+
+export declare const Separator: React_2.ForwardRefExoticComponent<SeparatorProps & React_2.RefAttributes<HTMLDivElement>>;
+
+declare interface SeparatorProps extends BaseProps {
+    variant?: SeparatorVariant;
+}
+
+declare type SeparatorVariant = 'primary' | 'secondary';
+
+declare type WithStringClassName<P> = Omit<P, 'className'> & {
+    className?: string;
+};
 
 
 export * from "@base-ui/react/separator";

package/dist/Separator/index.js

@@ -3,11 +3,13 @@ import { Separator } from "@base-ui/react/separator";
 import clsx from "clsx";
 import * as __rspack_external_react from "react";
 const Separator_module = {
-    root: "root-rb7o7e"
+    root: "root-rb7o7e",
+    primary: "primary-Ebj9ZZ",
+    secondary: "secondary-Gx3Eah"
 };
-const Separator_Separator = /*#__PURE__*/ __rspack_external_react.forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx(Separator, {
+const Separator_Separator = /*#__PURE__*/ __rspack_external_react.forwardRef(({ className, variant = 'primary', ...props }, ref)=>/*#__PURE__*/ jsx(Separator, {
         ref: ref,
-        className: clsx(Separator_module.root, className),
+        className: clsx(Separator_module.root, Separator_module[variant], className),
         ...props
     }));
 export { Separator_Separator as Separator };

package/dist/index.d.ts

@@ -197,8 +197,8 @@ import { SelectScrollDownArrowProps } from '@base-ui/react/select';
 import { SelectScrollUpArrowProps } from '@base-ui/react/select';
 import { SelectTriggerProps } from '@base-ui/react/select';
 import { SelectValueProps } from '@base-ui/react/select';
+import { Separator as Separator_2 } from '@base-ui/react/separator';
 import { SeparatorProps } from '@base-ui/react';
-import { SeparatorProps as SeparatorProps_2 } from '@base-ui/react/separator';
 import { Slider as Slider_2 } from '@base-ui/react/slider';
 import { SliderControlProps } from '@base-ui/react/slider';
 import { SliderIndicatorProps } from '@base-ui/react/slider';
@@ -371,6 +371,8 @@ export declare const AvatarSize: {
 
 declare type BaseProps = WithStringClassName<React_2.ComponentPropsWithoutRef<typeof Button_2>>;
 
+declare type BaseProps_2 = WithStringClassName<React_2.ComponentPropsWithoutRef<typeof Separator_2>>;
+
 export declare const Box: React_2.ForwardRefExoticComponent<BoxProps & React_2.RefAttributes<HTMLDivElement>>;
 
 export declare interface BoxProps extends WithStringClassName<React_2.HTMLAttributes<HTMLDivElement>> {
@@ -1000,9 +1002,13 @@ export declare const Select: {
     Separator: React_2.ForwardRefExoticComponent<Omit<SeparatorProps, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
 };
 
-export declare const Separator: React_2.ForwardRefExoticComponent<Omit<Omit<Omit<SeparatorProps_2, "ref"> & React_2.RefAttributes<HTMLDivElement>, "ref">, "className"> & {
-    className?: string | undefined;
-} & React_2.RefAttributes<HTMLDivElement>>;
+export declare const Separator: React_2.ForwardRefExoticComponent<SeparatorProps_2 & React_2.RefAttributes<HTMLDivElement>>;
+
+declare interface SeparatorProps_2 extends BaseProps_2 {
+    variant?: SeparatorVariant;
+}
+
+declare type SeparatorVariant = 'primary' | 'secondary';
 
 declare type Size = (typeof AccordionSize)[keyof typeof AccordionSize];
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wix/site-ui",
-  "version": "1.27.0",
+  "version": "1.28.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": "410ee16cf094161d34d8c088290be6b01dd11a562688f127ca82d245"
+  "falconPackageHash": "e84331faff7c795f4d39159829633d1daf66387beed534bf19d7e978"
 }