@wix/site-ui 1.69.0 → 1.71.0

package/dist/NavigationMenu/index.css

@@ -4,6 +4,10 @@
   position: relative;
 }
 
+.root-Gth795.vertical-dY5H3D {
+  align-items: flex-start;
+}
+
 .list-kus7O6 {
   flex-direction: row;
   align-items: center;
@@ -14,6 +18,27 @@
   display: flex;
 }
 
+.vertical-dY5H3D .list-kus7O6 {
+  flex-direction: column;
+  align-items: stretch;
+}
+
+.content-TaN2sK .root-Gth795.vertical-dY5H3D {
+  width: 100%;
+}
+
+.content-TaN2sK .root-Gth795.vertical-dY5H3D > .list-kus7O6 {
+  width: 100%;
+  padding: 0;
+}
+
+.content-TaN2sK .root-Gth795.vertical-dY5H3D > .list-kus7O6 > .item-OKUYls > .trigger-L7xhgv {
+  justify-content: space-between;
+  width: 100%;
+  padding: 8px 24px;
+  display: flex;
+}
+
 .item-OKUYls {
   position: relative;
 }
@@ -43,14 +68,14 @@
   background-color: color-mix(in srgb, var(--wst-base-2-color) 6%, transparent);
 }
 
-.trigger-L7xhgv[data-state="open"] {
+.trigger-L7xhgv[data-popup-open] {
   background-color: color-mix(in srgb,
     var(--wst-base-2-color) 12%,
     transparent);
   color: var(--wst-links-and-actions-color, #116dff);
 }
 
-.trigger-L7xhgv[data-disabled] {
+.trigger-L7xhgv[data-disabled], .trigger-L7xhgv[aria-disabled="true"] {
   opacity: .3;
   cursor: default;
   pointer-events: none;
@@ -66,14 +91,20 @@
 }
 
 .viewport-yWpuCH {
+  max-height: var(--available-height, none);
+  overflow: hidden;
+}
+
+.popup-jElt_o {
   background-color: var(--wst-primary-background-color, #fff);
   border: var(--wst-system-line-1-width, 1px) solid
     color-mix(in srgb, var(--wst-paragraph-2-color, #000) 15%, transparent);
   box-sizing: border-box;
   border-radius: 6px;
+  outline: none;
   min-width: 160px;
   max-width: 360px;
-  overflow: hidden;
+  padding: 12px 0;
   box-shadow: 0 0 4px #0000001a, 0 4px 8px #0000001a;
 }
 
@@ -83,12 +114,6 @@
   inset: 0;
 }
 
-.popup-jElt_o {
-  box-sizing: border-box;
-  outline: none;
-  padding: 12px 0;
-}
-
 .arrow-as8hPF {
   width: 10px;
   height: 10px;
@@ -106,6 +131,7 @@
   box-sizing: border-box;
   outline: none;
   align-items: center;
+  gap: 8px;
   width: 100%;
   padding: 8px 24px;
   text-decoration: none;
@@ -122,7 +148,7 @@
   text-decoration: underline;
 }
 
-.link-jrEqu4[data-disabled] {
+.link-jrEqu4[data-disabled], .link-jrEqu4[aria-disabled="true"] {
   opacity: .3;
   cursor: default;
   pointer-events: none;
@@ -144,7 +170,7 @@
   display: inline-flex;
 }
 
-[data-state="open"] .icon-YQWwDM {
+.icon-YQWwDM[data-popup-open] {
   transform: rotate(180deg);
 }
 

package/dist/NavigationMenu/index.d.ts

@@ -763,7 +763,7 @@ declare interface ReasonToEventMap {
     [REASONS.windowResize]: UIEvent;
 }
 
-declare function Root<Value = any>({ className, ...props }: WithStringClassName<NavigationMenu_2.Root.Props<Value>>): JSX_2.Element;
+declare function Root<Value = any>({ className, orientation, ...props }: WithStringClassName<NavigationMenu_2.Root.Props<Value>>): JSX_2.Element;
 
 declare const scrub: "scrub";
 

package/dist/NavigationMenu/index.js

@@ -1021,14 +1021,15 @@ const NavigationMenuPortal_NavigationMenuPortal = /*#__PURE__*/ __rspack_externa
 if ("production" !== process.env.NODE_ENV) NavigationMenuPortal_NavigationMenuPortal.displayName = "NavigationMenuPortal";
 const NavigationMenu_module = {
     root: "root-Gth795",
+    vertical: "vertical-dY5H3D",
     list: "list-kus7O6",
-    item: "item-OKUYls",
     content: "content-TaN2sK",
+    item: "item-OKUYls",
     trigger: "trigger-L7xhgv",
     positioner: "positioner-C8EsN2",
     viewport: "viewport-yWpuCH",
-    backdrop: "backdrop-_mgpOu",
     popup: "popup-jElt_o",
+    backdrop: "backdrop-_mgpOu",
     arrow: "arrow-as8hPF",
     link: "link-jrEqu4",
     icon: "icon-YQWwDM"
@@ -1088,10 +1089,11 @@ const Icon = /*#__PURE__*/ __rspack_external_react.forwardRef(({ className, ...p
         className: clsx(NavigationMenu_module.icon, className),
         ...props
     }));
-function Root({ className, ...props }) {
+function Root({ className, orientation = 'horizontal', ...props }) {
     return /*#__PURE__*/ jsx(NavigationMenuRoot_NavigationMenuRoot, {
         ...props,
-        className: clsx(NavigationMenu_module.root, className)
+        orientation: orientation,
+        className: clsx(NavigationMenu_module.root, 'vertical' === orientation && NavigationMenu_module.vertical, className)
     });
 }
 const NavigationMenu = {

package/dist/index.d.ts

@@ -8558,7 +8558,7 @@ declare function Root_2<Value = any>({ className, dir, separator, 'aria-label':
     separator?: React_2.ReactNode;
 }): JSX_2.Element;
 
-declare function Root_3<Value = any>({ className, ...props }: WithStringClassName<NavigationMenu_2.Root.Props<Value>>): JSX_2.Element;
+declare function Root_3<Value = any>({ className, orientation, ...props }: WithStringClassName<NavigationMenu_2.Root.Props<Value>>): JSX_2.Element;
 
 declare function Root_4<Value>({ className, size, style, ...props }: RootProps<Value>): JSX_2.Element;
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wix/site-ui",
-  "version": "1.69.0",
+  "version": "1.71.0",
   "description": "Pure UI components for the Wix site builder",
   "license": "MIT",
   "type": "module",
@@ -22,12 +22,15 @@
   "scripts": {
     "build": "rslib build && yarn build:docs",
     "build:docs": "yarn build-storybook && janet-build",
+    "generate:themes": "node scripts/generate-storybook-site-themes.mjs",
     "test": "rstest --passWithNoTests",
     "lint": "yarn run -T lint:package",
     "format:check": "yarn run -T format:package:check",
     "check:lint-and-format": "yarn run -T concurrently yarn:lint yarn:format:check",
     "test:visual": "test-storybook --url http://localhost:6006",
     "test:visual:update": "test-storybook --url http://localhost:6006 --updateSnapshot",
+    "verify:component": "node scripts/verify-component-status.mjs",
+    "verify:visual": "node scripts/visual-review-component.mjs",
     "tsc": "tsc -b ./tsconfig.json --force",
     "clean": "rm -rf dist",
     "storybook": "storybook dev -p 6006",
@@ -91,5 +94,5 @@
     "registry": "https://registry.npmjs.org/",
     "access": "public"
   },
-  "falconPackageHash": "68a229f71bdb4020aabf6e5cc6cd0fa742f24a4e70f38b7a3d55c0e4"
+  "falconPackageHash": "e347a80ebf6a2e3ee4559f91841cf111daa1085e5b929b2317eade74"
 }