@wix/editor-react-components 1.2696.0 → 1.2698.0

package/dist/site/components/Tabs/component.js

@@ -1,7 +1,7 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import { useState, useEffect, useCallback, useMemo, useRef, useLayoutEffect } from "react";
 import { c as clsx } from "../chunks/clsx.js";
-import { O as OVERFLOW_BEHAVIOR, c as classes } from "../chunks/constants20.js";
+import { O as OVERFLOW_BEHAVIOR, c as classes, D as DesignStates } from "../chunks/constants20.js";
 import { d as debounce } from "../chunks/performanceUtils.js";
 import { useService } from "@wix/services-manager-react";
 import { E as EnvironmentDefinition } from "../chunks/index2.js";
@@ -11,9 +11,9 @@ const tabMenu = "tab-menu__LMnG9";
 const tabMenuItemsWrapper = "tab-menu-items-wrapper__dvJqZ";
 const tabMenuItems = "tab-menu-items__eqjW5";
 const menuItem = "menu-item__BJ1CW";
-const isActive = "is-active__tEw9F";
 const tabContent = "tab-content__IB3Kn";
 const tabContentItem = "tab-content-item__7WLdI";
+const isActive = "is-active__tEw9F";
 const isPrevious = "is-previous__BxrT5";
 const transitionTypeSlide = "transition-type-slide__kkpIQ";
 const enter = "enter__t-a57";
@@ -37,12 +37,12 @@ const styles$1 = {
   tabMenuItems,
   "menu-item": "menu-item__BJ1CW",
   menuItem,
-  "is-active": "is-active__tEw9F",
-  isActive,
   "tab-content": "tab-content__IB3Kn",
   tabContent,
   "tab-content-item": "tab-content-item__7WLdI",
   tabContentItem,
+  "is-active": "is-active__tEw9F",
+  isActive,
   "is-previous": "is-previous__BxrT5",
   isPrevious,
   "transition-type-slide": "transition-type-slide__kkpIQ",
@@ -467,9 +467,7 @@ const Tabs = (props) => {
                               classes.menuItem,
                               HAS_CUSTOM_FOCUS_CLASSNAME,
                               (_a2 = elementProps == null ? void 0 : elementProps.menuItem) == null ? void 0 : _a2.className,
-                              {
-                                [styles$1["is-active"]]: isActive2
-                              }
+                              isActive2 && DesignStates.menuItem.selected.className
                             ),
                             onMouseDown: (event) => event.preventDefault(),
                             onClick: () => {

package/dist/site/components/Tabs/constants.d.ts

@@ -30,6 +30,10 @@ export declare const DesignStates: {
             readonly displayName: "Hover";
             readonly className: "tabs__item--hover";
         };
+        readonly selected: {
+            readonly displayName: "Selected";
+            readonly className: "tabs__item--selected";
+        };
     };
 };
 export declare const ROOT_MENU_ITEM_CUSTOM_PROPERTIES: readonly ["menu-item-background", "menu-item-box-shadow", "menu-item-color", "menu-item-text-decoration-line", "menu-item-letter-spacing", "menu-item-text-shadow", "menu-item-text-align", "menu-item-flex", "menu-item-border-width-top", "menu-item-border-width-bottom", "menu-item-border-width-inline-start", "menu-item-border-width-inline-end", "menu-item-border-style-top", "menu-item-border-style-bottom", "menu-item-border-style-inline-start", "menu-item-border-style-inline-end", "menu-item-border-color-top", "menu-item-border-color-bottom", "menu-item-border-color-inline-start", "menu-item-border-color-inline-end", "menu-item-border-radius-start-start", "menu-item-border-radius-start-end", "menu-item-border-radius-end-start", "menu-item-border-radius-end-end", "menu-item-padding-top", "menu-item-padding-bottom", "menu-item-padding-inline-start", "menu-item-padding-inline-end"];

package/dist/site/components/Tabs/css.css

@@ -107,10 +107,7 @@
   outline: 2px solid #116dff;
   outline-offset: -2px;
 }
-.menu-item__BJ1CW:hover, .menu-item__BJ1CW.tabs__item--hover {
-  text-decoration: underline;
-}
-.menu-item__BJ1CW.is-active__tEw9F {
+.menu-item__BJ1CW:hover, .menu-item__BJ1CW.tabs__item--hover, .menu-item__BJ1CW.tabs__item--selected {
   text-decoration: underline;
 }
 @media (forced-colors: active) {
@@ -118,7 +115,7 @@
     outline: 2px solid ButtonText;
     outline-offset: 0px;
   }
-  .menu-item__BJ1CW:hover, .menu-item__BJ1CW.tabs__item--hover, .menu-item__BJ1CW.is-active__tEw9F {
+  .menu-item__BJ1CW:hover, .menu-item__BJ1CW.tabs__item--hover, .menu-item__BJ1CW.tabs__item--selected {
     outline: 3px solid Highlight;
     outline-offset: -2px;
   }

package/dist/site/components/Tabs/manifest.js

@@ -29,7 +29,7 @@ const menuItemConfig = {
       textDecorationLine: {
         displayName: "Text decoration",
         defaultValue: "none",
-        statesDefaultValues: { hover: "underline" }
+        statesDefaultValues: { hover: "underline", selected: "underline" }
       },
       letterSpacing: {
         displayName: "Letter spacing",
@@ -99,6 +99,11 @@ const menuItemConfig = {
         displayName: DesignStates.menuItem.hover.displayName,
         className: DesignStates.menuItem.hover.className,
         pseudoClass: NativeStateType.hover
+      }),
+      selected: withSpec({
+        spec: IS_SUPPORT_DESIGN_STATE_SPEC,
+        displayName: DesignStates.menuItem.selected.displayName,
+        className: DesignStates.menuItem.selected.className
       })
     }
   }

package/dist/site/components/chunks/constants20.js

@@ -13,7 +13,8 @@ const OVERFLOW_BEHAVIOR = {
 };
 const DesignStates = {
   menuItem: {
-    hover: { displayName: "Hover", className: "tabs__item--hover" }
+    hover: { displayName: "Hover", className: "tabs__item--hover" },
+    selected: { displayName: "Selected", className: "tabs__item--selected" }
   }
 };
 const ROOT_MENU_ITEM_CUSTOM_PROPERTIES = [

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wix/editor-react-components",
-  "version": "1.2696.0",
+  "version": "1.2698.0",
   "description": "React components for the Wix Editor",
   "license": "MIT",
   "type": "module",
@@ -200,5 +200,5 @@
     "registry": "https://registry.npmjs.org/",
     "access": "public"
   },
-  "falconPackageHash": "7d79912eb0df9ff1e056bf5eb61c973aec52d2340f03f42de7efa25a"
+  "falconPackageHash": "5a7df72137b4dad9ca0f7554c49b0dd35a54d11fd2dc5b41dd53d74c"
 }