storybook-addon-pseudo-states 2.1.1--canary.85.e98954d.0 → 2.1.1--canary.85.83bd302.0

package/dist/{chunk-GCHTSOYT.mjs → chunk-OZNRRAVT.mjs}

@@ -11,15 +11,7 @@ var PSEUDO_STATES = {
   focus: "focus",
   visited: "visited",
   link: "link",
-  target: "target",
-  "ancestor-hover": "ancestor-hover",
-  "ancestor-active": "ancestor-active",
-  "ancestor-focusVisible": "ancestor-focus-visible",
-  "ancestor-focusWithin": "ancestor-focus-within",
-  "ancestor-focus": "ancestor-focus",
-  "ancestor-visited": "ancestor-visited",
-  "ancestor-link": "ancestor-link",
-  "ancestor-target": "ancestor-target"
+  target: "target"
 };
 
 export {

package/dist/manager.js

@@ -33,15 +33,7 @@ var PSEUDO_STATES = {
   focus: "focus",
   visited: "visited",
   link: "link",
-  target: "target",
-  "ancestor-hover": "ancestor-hover",
-  "ancestor-active": "ancestor-active",
-  "ancestor-focusVisible": "ancestor-focus-visible",
-  "ancestor-focusWithin": "ancestor-focus-within",
-  "ancestor-focus": "ancestor-focus",
-  "ancestor-visited": "ancestor-visited",
-  "ancestor-link": "ancestor-link",
-  "ancestor-target": "ancestor-target"
+  target: "target"
 };
 
 // src/manager/PseudoStateTool.tsx

package/dist/manager.mjs

@@ -3,7 +3,7 @@ import {
   PARAM_KEY,
   PSEUDO_STATES,
   TOOL_ID
-} from "./chunk-GCHTSOYT.mjs";
+} from "./chunk-OZNRRAVT.mjs";
 
 // src/manager.ts
 import { addons, types } from "@storybook/manager-api";

package/dist/preview.js

@@ -38,15 +38,7 @@ var PSEUDO_STATES = {
   focus: "focus",
   visited: "visited",
   link: "link",
-  target: "target",
-  "ancestor-hover": "ancestor-hover",
-  "ancestor-active": "ancestor-active",
-  "ancestor-focusVisible": "ancestor-focus-visible",
-  "ancestor-focusWithin": "ancestor-focus-within",
-  "ancestor-focus": "ancestor-focus",
-  "ancestor-visited": "ancestor-visited",
-  "ancestor-link": "ancestor-link",
-  "ancestor-target": "ancestor-target"
+  target: "target"
 };
 
 // src/preview/withPseudoState.ts
@@ -120,7 +112,7 @@ var rewriteRule = ({ cssText, selectorText }, shadowRoot) => {
       if (selector.startsWith(":host(") || selector.startsWith("::slotted(")) {
         return [selector, classSelector].filter(Boolean);
       }
-      const ancestorSelector = shadowRoot ? `:host(${states.map((s) => `.pseudo-ancestor-${s}`).join("")}) ${plainSelector}` : `${states.map((s) => `.pseudo-ancestor-${s}`).join("")} ${plainSelector}`;
+      const ancestorSelector = shadowRoot ? `:host(${states.map((s) => `.pseudo-${s}-all`).join("")}) ${plainSelector}` : `${states.map((s) => `.pseudo-${s}-all`).join("")} ${plainSelector}`;
       return [selector, classSelector, ancestorSelector].filter(
         (selector2) => selector2 && !selector2.includes(":not()")
       );
@@ -163,7 +155,10 @@ var rewriteStyleSheet = (sheet, shadowRoot, shadowHosts2) => {
 var channel = import_preview_api.addons.getChannel();
 var shadowHosts = /* @__PURE__ */ new Set();
 var applyClasses = (element, classnames) => {
-  Object.values(PSEUDO_STATES).forEach((state) => element.classList.remove(`pseudo-${state}`));
+  Object.values(PSEUDO_STATES).forEach((state) => {
+    element.classList.remove(`pseudo-${state}`);
+    element.classList.remove(`pseudo-${state}-all`);
+  });
   classnames.forEach((classname) => element.classList.add(classname));
 };
 var applyParameter = (rootElement, parameter = {}) => {
@@ -172,7 +167,7 @@ var applyParameter = (rootElement, parameter = {}) => {
   Object.entries(parameter || {}).forEach(([state, value]) => {
     if (typeof value === "boolean") {
       if (value)
-        add(rootElement, `ancestor-${state}`);
+        add(rootElement, `${state}-all`);
     } else if (typeof value === "string") {
       rootElement.querySelectorAll(value).forEach((el) => add(el, state));
     } else if (Array.isArray(value)) {
@@ -181,7 +176,14 @@ var applyParameter = (rootElement, parameter = {}) => {
   });
   map.forEach((states, target) => {
     const classnames = /* @__PURE__ */ new Set();
-    states.forEach((key) => PSEUDO_STATES[key] && classnames.add(`pseudo-${PSEUDO_STATES[key]}`));
+    states.forEach((key) => {
+      const keyWithoutAll = key.replace("-all", "");
+      if (PSEUDO_STATES[key]) {
+        classnames.add(`pseudo-${PSEUDO_STATES[key]}`);
+      } else if (PSEUDO_STATES[keyWithoutAll]) {
+        classnames.add(`pseudo-${PSEUDO_STATES[keyWithoutAll]}-all`);
+      }
+    });
     applyClasses(target, classnames);
   });
 };

package/dist/preview.mjs

@@ -2,7 +2,7 @@ import {
   EXCLUDED_PSEUDO_ELEMENTS,
   PARAM_KEY,
   PSEUDO_STATES
-} from "./chunk-GCHTSOYT.mjs";
+} from "./chunk-OZNRRAVT.mjs";
 
 // src/preview/withPseudoState.ts
 import {
@@ -80,7 +80,7 @@ var rewriteRule = ({ cssText, selectorText }, shadowRoot) => {
       if (selector.startsWith(":host(") || selector.startsWith("::slotted(")) {
         return [selector, classSelector].filter(Boolean);
       }
-      const ancestorSelector = shadowRoot ? `:host(${states.map((s) => `.pseudo-ancestor-${s}`).join("")}) ${plainSelector}` : `${states.map((s) => `.pseudo-ancestor-${s}`).join("")} ${plainSelector}`;
+      const ancestorSelector = shadowRoot ? `:host(${states.map((s) => `.pseudo-${s}-all`).join("")}) ${plainSelector}` : `${states.map((s) => `.pseudo-${s}-all`).join("")} ${plainSelector}`;
       return [selector, classSelector, ancestorSelector].filter(
         (selector2) => selector2 && !selector2.includes(":not()")
       );
@@ -123,7 +123,10 @@ var rewriteStyleSheet = (sheet, shadowRoot, shadowHosts2) => {
 var channel = addons.getChannel();
 var shadowHosts = /* @__PURE__ */ new Set();
 var applyClasses = (element, classnames) => {
-  Object.values(PSEUDO_STATES).forEach((state) => element.classList.remove(`pseudo-${state}`));
+  Object.values(PSEUDO_STATES).forEach((state) => {
+    element.classList.remove(`pseudo-${state}`);
+    element.classList.remove(`pseudo-${state}-all`);
+  });
   classnames.forEach((classname) => element.classList.add(classname));
 };
 var applyParameter = (rootElement, parameter = {}) => {
@@ -132,7 +135,7 @@ var applyParameter = (rootElement, parameter = {}) => {
   Object.entries(parameter || {}).forEach(([state, value]) => {
     if (typeof value === "boolean") {
       if (value)
-        add(rootElement, `ancestor-${state}`);
+        add(rootElement, `${state}-all`);
     } else if (typeof value === "string") {
       rootElement.querySelectorAll(value).forEach((el) => add(el, state));
     } else if (Array.isArray(value)) {
@@ -141,7 +144,14 @@ var applyParameter = (rootElement, parameter = {}) => {
   });
   map.forEach((states, target) => {
     const classnames = /* @__PURE__ */ new Set();
-    states.forEach((key) => PSEUDO_STATES[key] && classnames.add(`pseudo-${PSEUDO_STATES[key]}`));
+    states.forEach((key) => {
+      const keyWithoutAll = key.replace("-all", "");
+      if (PSEUDO_STATES[key]) {
+        classnames.add(`pseudo-${PSEUDO_STATES[key]}`);
+      } else if (PSEUDO_STATES[keyWithoutAll]) {
+        classnames.add(`pseudo-${PSEUDO_STATES[keyWithoutAll]}-all`);
+      }
+    });
     applyClasses(target, classnames);
   });
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "storybook-addon-pseudo-states",
-  "version": "2.1.1--canary.85.e98954d.0",
+  "version": "2.1.1--canary.85.83bd302.0",
   "description": "CSS pseudo states for Storybook",
   "keywords": [
     "storybook-addons",