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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (6) hide show
  1. package/dist/{chunk-OZNRRAVT.mjs → chunk-GCHTSOYT.mjs} +9 -1
  2. package/dist/manager.js +9 -1
  3. package/dist/manager.mjs +1 -1
  4. package/dist/preview.js +12 -4
  5. package/dist/preview.mjs +4 -4
  6. package/package.json +1 -1
package/dist/{chunk-OZNRRAVT.mjs → chunk-GCHTSOYT.mjs} RENAMED
@@ -11,7 +11,15 @@ var PSEUDO_STATES = {
11
11
  focus: "focus",
12
12
  visited: "visited",
13
13
  link: "link",
14
- target: "target"
14
+ target: "target",
15
+ "ancestor-hover": "ancestor-hover",
16
+ "ancestor-active": "ancestor-active",
17
+ "ancestor-focusVisible": "ancestor-focus-visible",
18
+ "ancestor-focusWithin": "ancestor-focus-within",
19
+ "ancestor-focus": "ancestor-focus",
20
+ "ancestor-visited": "ancestor-visited",
21
+ "ancestor-link": "ancestor-link",
22
+ "ancestor-target": "ancestor-target"
15
23
  };
16
24
 
17
25
  export {
package/dist/manager.js CHANGED
@@ -33,7 +33,15 @@ var PSEUDO_STATES = {
33
33
  focus: "focus",
34
34
  visited: "visited",
35
35
  link: "link",
36
- target: "target"
36
+ target: "target",
37
+ "ancestor-hover": "ancestor-hover",
38
+ "ancestor-active": "ancestor-active",
39
+ "ancestor-focusVisible": "ancestor-focus-visible",
40
+ "ancestor-focusWithin": "ancestor-focus-within",
41
+ "ancestor-focus": "ancestor-focus",
42
+ "ancestor-visited": "ancestor-visited",
43
+ "ancestor-link": "ancestor-link",
44
+ "ancestor-target": "ancestor-target"
37
45
  };
38
46
 
39
47
  // src/manager/PseudoStateTool.tsx
package/dist/manager.mjs CHANGED
@@ -3,7 +3,7 @@ import {
3
3
  PARAM_KEY,
4
4
  PSEUDO_STATES,
5
5
  TOOL_ID
6
- } from "./chunk-OZNRRAVT.mjs";
6
+ } from "./chunk-GCHTSOYT.mjs";
7
7
 
8
8
  // src/manager.ts
9
9
  import { addons, types } from "@storybook/manager-api";
package/dist/preview.js CHANGED
@@ -38,7 +38,15 @@ var PSEUDO_STATES = {
38
38
  focus: "focus",
39
39
  visited: "visited",
40
40
  link: "link",
41
- target: "target"
41
+ target: "target",
42
+ "ancestor-hover": "ancestor-hover",
43
+ "ancestor-active": "ancestor-active",
44
+ "ancestor-focusVisible": "ancestor-focus-visible",
45
+ "ancestor-focusWithin": "ancestor-focus-within",
46
+ "ancestor-focus": "ancestor-focus",
47
+ "ancestor-visited": "ancestor-visited",
48
+ "ancestor-link": "ancestor-link",
49
+ "ancestor-target": "ancestor-target"
42
50
  };
43
51
 
44
52
  // src/preview/withPseudoState.ts
@@ -112,7 +120,7 @@ var rewriteRule = ({ cssText, selectorText }, shadowRoot) => {
112
120
  if (selector.startsWith(":host(") || selector.startsWith("::slotted(")) {
113
121
  return [selector, classSelector].filter(Boolean);
114
122
  }
115
- const ancestorSelector = shadowRoot ? `:host(${states.map((s) => `.pseudo-${s}`).join("")}) ${plainSelector}` : `${states.map((s) => `.pseudo-${s}`).join("")} ${plainSelector}`;
123
+ const ancestorSelector = shadowRoot ? `:host(${states.map((s) => `.pseudo-ancestor-${s}`).join("")}) ${plainSelector}` : `${states.map((s) => `.pseudo-ancestor-${s}`).join("")} ${plainSelector}`;
116
124
  return [selector, classSelector, ancestorSelector].filter(
117
125
  (selector2) => selector2 && !selector2.includes(":not()")
118
126
  );
@@ -164,7 +172,7 @@ var applyParameter = (rootElement, parameter = {}) => {
164
172
  Object.entries(parameter || {}).forEach(([state, value]) => {
165
173
  if (typeof value === "boolean") {
166
174
  if (value)
167
- add(rootElement, state);
175
+ add(rootElement, `ancestor-${state}`);
168
176
  } else if (typeof value === "string") {
169
177
  rootElement.querySelectorAll(value).forEach((el) => add(el, state));
170
178
  } else if (Array.isArray(value)) {
@@ -220,7 +228,7 @@ var withPseudoState = (StoryFn, { viewMode, parameters, id, globals: globalsArgs
220
228
  const timeout = setTimeout(() => {
221
229
  applyParameter(rootElement, globals2 || pseudoConfig(parameter));
222
230
  shadowHosts.forEach(updateShadowHost);
223
- }, parameters.pseudoDelay || 0);
231
+ }, 0);
224
232
  return () => clearTimeout(timeout);
225
233
  }, [rootElement, globals2, parameter]);
226
234
  return StoryFn();
package/dist/preview.mjs CHANGED
@@ -2,7 +2,7 @@ import {
2
2
  EXCLUDED_PSEUDO_ELEMENTS,
3
3
  PARAM_KEY,
4
4
  PSEUDO_STATES
5
- } from "./chunk-OZNRRAVT.mjs";
5
+ } from "./chunk-GCHTSOYT.mjs";
6
6
 
7
7
  // src/preview/withPseudoState.ts
8
8
  import {
@@ -80,7 +80,7 @@ var rewriteRule = ({ cssText, selectorText }, shadowRoot) => {
80
80
  if (selector.startsWith(":host(") || selector.startsWith("::slotted(")) {
81
81
  return [selector, classSelector].filter(Boolean);
82
82
  }
83
- const ancestorSelector = shadowRoot ? `:host(${states.map((s) => `.pseudo-${s}`).join("")}) ${plainSelector}` : `${states.map((s) => `.pseudo-${s}`).join("")} ${plainSelector}`;
83
+ const ancestorSelector = shadowRoot ? `:host(${states.map((s) => `.pseudo-ancestor-${s}`).join("")}) ${plainSelector}` : `${states.map((s) => `.pseudo-ancestor-${s}`).join("")} ${plainSelector}`;
84
84
  return [selector, classSelector, ancestorSelector].filter(
85
85
  (selector2) => selector2 && !selector2.includes(":not()")
86
86
  );
@@ -132,7 +132,7 @@ var applyParameter = (rootElement, parameter = {}) => {
132
132
  Object.entries(parameter || {}).forEach(([state, value]) => {
133
133
  if (typeof value === "boolean") {
134
134
  if (value)
135
- add(rootElement, state);
135
+ add(rootElement, `ancestor-${state}`);
136
136
  } else if (typeof value === "string") {
137
137
  rootElement.querySelectorAll(value).forEach((el) => add(el, state));
138
138
  } else if (Array.isArray(value)) {
@@ -188,7 +188,7 @@ var withPseudoState = (StoryFn, { viewMode, parameters, id, globals: globalsArgs
188
188
  const timeout = setTimeout(() => {
189
189
  applyParameter(rootElement, globals2 || pseudoConfig(parameter));
190
190
  shadowHosts.forEach(updateShadowHost);
191
- }, parameters.pseudoDelay || 0);
191
+ }, 0);
192
192
  return () => clearTimeout(timeout);
193
193
  }, [rootElement, globals2, parameter]);
194
194
  return StoryFn();
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "storybook-addon-pseudo-states",
3
- "version": "2.1.1--canary.bb79e5f.0",
3
+ "version": "2.1.1--canary.85.e98954d.0",
4
4
  "description": "CSS pseudo states for Storybook",
5
5
  "keywords": [
6
6
  "storybook-addons",