storybook-addon-pseudo-states 1.12.0 → 1.14.1

package/CHANGELOG.md

@@ -1,4 +1,17 @@
-# v1.0.0 (Mon May 23 2022)
+# v1.14.1 (Wed Jun 15 2022)
+
+#### ⚠️ Pushed to `main`
+
+- Fix toolbar toggles ([@ghengeveld](https://github.com/ghengeveld))
+- Upgrade Storybook ([@ghengeveld](https://github.com/ghengeveld))
+
+#### Authors: 1
+
+- Gert Hengeveld ([@ghengeveld](https://github.com/ghengeveld))
+
+---
+
+# v1.0.0 (Tue May 24 2022)
 
 #### 🚀 Enhancement
 
@@ -7,6 +20,8 @@
 
 #### 🐛 Bug Fix
 
+- fix: only generate pseudo selector when the selector has a match [#30](https://github.com/chromaui/storybook-addon-pseudo-states/pull/30) ([@tobi-or-not-tobi](https://github.com/tobi-or-not-tobi) [@ghengeveld](https://github.com/ghengeveld))
+- Use personal access token to be able to push to main ([@ghengeveld](https://github.com/ghengeveld))
 - fix: Resolve crash for stories that use internal State [#28](https://github.com/chromaui/storybook-addon-pseudo-states/pull/28) (david.maulick@coinbase.com)
 - Fix CSS selector splitting [#24](https://github.com/chromaui/storybook-addon-pseudo-states/pull/24) ([@ilanus](https://github.com/ilanus) [@ghengeveld](https://github.com/ghengeveld))
 - Add support for slotted lit elements [#23](https://github.com/chromaui/storybook-addon-pseudo-states/pull/23) ([@ilanus](https://github.com/ilanus))
@@ -14,7 +29,7 @@
 
 #### ⚠️ Pushed to `main`
 
-- Use personal access token to be able to push to main ([@ghengeveld](https://github.com/ghengeveld))
+- Update config to checkout repo using personal access token ([@ghengeveld](https://github.com/ghengeveld))
 - Use chromatic@next ([@ghengeveld](https://github.com/ghengeveld))
 - [skip release] Revert back to disabling CustomElement stories ([@ghengeveld](https://github.com/ghengeveld))
 - Another attempt at dealing with IE ([@ghengeveld](https://github.com/ghengeveld))
@@ -27,12 +42,13 @@
 - Upgrade Storybook ([@ghengeveld](https://github.com/ghengeveld))
 - Ignore .env file ([@ghengeveld](https://github.com/ghengeveld))
 
-#### Authors: 4
+#### Authors: 5
 
 - David Maulick ([@dmaulick](https://github.com/dmaulick))
 - Gert Hengeveld ([@ghengeveld](https://github.com/ghengeveld))
 - Ilan ([@ilanus](https://github.com/ilanus))
 - Jeroen Zwartepoorte ([@jpzwarte](https://github.com/jpzwarte))
+- tobi-or-not-tobi ([@tobi-or-not-tobi](https://github.com/tobi-or-not-tobi))
 
 ---
 

package/dist/cjs/withPseudoState.js

@@ -120,13 +120,13 @@ var withPseudoState = function withPseudoState(StoryFn, _ref5) {
   (0, _addons.useEffect)(function () {
     var timeout = setTimeout(function () {
       var element = document.getElementById(viewMode === "docs" ? "story--".concat(id) : "root");
-      applyParameter(element, parameter);
+      applyParameter(element, globals);
       shadowHosts.forEach(updateShadowHost);
     }, 0);
     return function () {
       return clearTimeout(timeout);
     };
-  }, [parameter, viewMode]);
+  }, [globals, viewMode]);
   return StoryFn();
 };
 
@@ -183,6 +183,10 @@ function rewriteStyleSheets(shadowRoot) {
                 });
                 var stateSelector;
 
+                if (!matchOne.test(selector)) {
+                  return [selector];
+                }
+
                 if (selector.startsWith(":host(") || selector.startsWith("::slotted(")) {
                   stateSelector = states.reduce(function (acc, state) {
                     return acc.replaceAll(":".concat(state), ".pseudo-".concat(state));

package/dist/esm/withPseudoState.js

@@ -29,7 +29,7 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
 /* eslint-env browser */
 import { addons, useEffect } from "@storybook/addons";
 import { DOCS_RENDERED, STORY_CHANGED, STORY_RENDERED } from "@storybook/core-events";
-import { UPDATE_GLOBALS } from '@storybook/core-events';
+import { UPDATE_GLOBALS } from "@storybook/core-events";
 import { PSEUDO_STATES } from "./constants";
 import { splitSelectors } from "./splitSelectors";
 var pseudoStates = Object.values(PSEUDO_STATES);
@@ -107,13 +107,13 @@ export var withPseudoState = function withPseudoState(StoryFn, _ref5) {
   useEffect(function () {
     var timeout = setTimeout(function () {
       var element = document.getElementById(viewMode === "docs" ? "story--".concat(id) : "root");
-      applyParameter(element, parameter);
+      applyParameter(element, globals);
       shadowHosts.forEach(updateShadowHost);
     }, 0);
     return function () {
       return clearTimeout(timeout);
     };
-  }, [parameter, viewMode]);
+  }, [globals, viewMode]);
   return StoryFn();
 };
 var warnings = new Set();
@@ -168,6 +168,10 @@ function rewriteStyleSheets(shadowRoot) {
                 });
                 var stateSelector;
 
+                if (!matchOne.test(selector)) {
+                  return [selector];
+                }
+
                 if (selector.startsWith(":host(") || selector.startsWith("::slotted(")) {
                   stateSelector = states.reduce(function (acc, state) {
                     return acc.replaceAll(":".concat(state), ".pseudo-".concat(state));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "storybook-addon-pseudo-states",
-  "version": "1.12.0",
+  "version": "1.14.1",
   "description": "CSS pseudo states for Storybook",
   "keywords": [
     "storybook-addons",
@@ -38,8 +38,8 @@
     "@babel/core": "^7.12.3",
     "@babel/preset-env": "^7.12.1",
     "@babel/preset-react": "^7.12.5",
-    "@storybook/addon-docs": "^6.4.19",
-    "@storybook/react": "^6.4.19",
+    "@storybook/addon-docs": "^6.5.0",
+    "@storybook/react": "^6.5.0",
     "auto": "^10.16.8",
     "babel-loader": "^8.1.0",
     "chromatic": "^5.6.0",
@@ -50,11 +50,11 @@
     "rimraf": "^3.0.2"
   },
   "peerDependencies": {
-    "@storybook/addons": "^6.4.19",
-    "@storybook/api": "^6.4.19",
-    "@storybook/components": "^6.4.19",
-    "@storybook/core-events": "^6.4.19",
-    "@storybook/theming": "^6.4.19",
+    "@storybook/addons": "^6.5.0",
+    "@storybook/api": "^6.5.0",
+    "@storybook/components": "^6.5.0",
+    "@storybook/core-events": "^6.5.0",
+    "@storybook/theming": "^6.5.0",
     "react": "^16.8.0 || ^17.0.0",
     "react-dom": "^16.8.0 || ^17.0.0"
   },