@semcore/utils - npm Package Compare versions

Comparing version 4.26.1 to 4.26.2-prerelease.2

CHANGELOG.md

@@ -5,2 +5,8 @@ # Changelog
 
+## [4.26.2] - 2024-05-17
+
+### Fixed
+
+- `ThemeProvider` wasn't working with Storybook.
+
 ## [4.26.1] - 2024-05-16
@@ -7,0 +13,0 @@

lib/components/invalid-state-pattern/InvalidStatePattern.js

@@ -13,4 +13,4 @@ "use strict";
 /*__reshadow-styles__:"./invalidStatePattern.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SPattern_yymmm_gg_{width:6px;height:100%;position:absolute;background-image:var(--intergalactic-border-critical-pattern, repeating-linear-gradient(315deg, rgba(209, 0, 47, 1) 0, rgba(209, 0, 47, 1) 2px, transparent 0, transparent 50%));background-size:6px 6px;background-color:var(--intergalactic-bg-primary-neutral, #ffffff);border-bottom-left-radius:var(--intergalactic-control-rounded, 6px);border-top-left-radius:var(--intergalactic-control-rounded, 6px)}" /*__inner_css_end__*/, "yymmm_gg_") /*__reshadow_css_end__*/, {
-  "__SPattern": "___SPattern_yymmm_gg_"
+var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SPattern_2tkia_gg_{width:6px;height:100%;position:absolute;background-image:var(--intergalactic-border-critical-pattern, repeating-linear-gradient(315deg, rgba(209, 0, 47, 1) 0, rgba(209, 0, 47, 1) 2px, transparent 0, transparent 50%));background-size:6px 6px;background-color:var(--intergalactic-bg-primary-neutral, #ffffff);border-bottom-left-radius:var(--intergalactic-control-rounded, 6px);border-top-left-radius:var(--intergalactic-control-rounded, 6px)}" /*__inner_css_end__*/, "2tkia_gg_") /*__reshadow_css_end__*/, {
+  "__SPattern": "___SPattern_2tkia_gg_"
 });
@@ -17,0 +17,0 @@ var InvalidStatePatternComponent = function InvalidStatePatternComponent() {

lib/injectStyle.js

@@ -33,3 +33,3 @@ "use strict";
         // @ts-ignore
-        var version = "4.26.1";
+        var version = "4.26.2";
         sh = document.createElement('style');
@@ -36,0 +36,0 @@ sh.setAttribute('data-ui-v', version);

lib/ThemeProvider.js

@@ -8,8 +8,10 @@ "use strict";
 exports.useContextTokens = exports.useContextTheme = exports.contextThemeEnhance = exports.ThemeProvider = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _index = require("./core/index");
 var _react = _interopRequireDefault(require("react"));
-var _ref5 = require("./ref");
+var _ref4 = require("./ref");
 var _useEnhancedEffect = _interopRequireDefault(require("./use/useEnhancedEffect"));
+var _excluded = ["tokens", "children", "tag"];
 var useContextTokens = function useContextTokens() {
@@ -23,6 +25,6 @@ return _react["default"].useContext(themeContext);
     if (!tokens) return '';
-    return Object.entries(tokens).map(function (_ref2) {
-      var _ref3 = (0, _slicedToArray2["default"])(_ref2, 2),
-        key = _ref3[0],
-        value = _ref3[1];
+    return Object.entries(tokens).map(function (_ref) {
+      var _ref2 = (0, _slicedToArray2["default"])(_ref, 2),
+        key = _ref2[0],
+        value = _ref2[1];
       return "".concat(key, "-").concat(value);
@@ -50,3 +52,3 @@ }).join('/');
     }, [existingRef, enhanceRef]);
-    var ref = (0, _ref5.useForkRef)(refArr);
+    var ref = (0, _ref4.useForkRef)(refArr);
     useContextTheme(enhanceRef, available);
@@ -60,8 +62,10 @@ return (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, props), {}, {
 var themeContext = /*#__PURE__*/_react["default"].createContext(null);
-var ThemeProvider = function ThemeProvider(_ref4) {
-  var _ref;
-  var _ref4$tokens = _ref4.tokens,
-    providedTokens = _ref4$tokens === void 0 ? {} : _ref4$tokens,
-    children = _ref4.children;
-  var SThemeProvider = 'div';
+var ThemeProvider = function ThemeProvider(props) {
+  var _ref3 = props,
+    _ref3$tokens = _ref3.tokens,
+    providedTokens = _ref3$tokens === void 0 ? {} : _ref3$tokens,
+    children = _ref3.children,
+    _ref3$tag = _ref3.tag,
+    Tag = _ref3$tag === void 0 ? 'div' : _ref3$tag,
+    restProps = (0, _objectWithoutProperties2["default"])(_ref3, _excluded);
   var contextTokens = _react["default"].useContext(themeContext);
@@ -73,7 +77,7 @@ var tokens = _react["default"].useMemo(function () {
     value: tokens
-  }, (_ref = (0, _index.sstyled)(), /*#__PURE__*/_react["default"].createElement(SThemeProvider, _ref.cn("SThemeProvider", {
-    "style": tokens
-  }), children)));
+  }, /*#__PURE__*/_react["default"].createElement(Tag, (0, _extends2["default"])({}, restProps, {
+    style: tokens
+  }), children));
 };
 exports.ThemeProvider = ThemeProvider;
 //# sourceMappingURL=ThemeProvider.js.map

package.json

 {
   "name": "@semcore/utils",
   "description": "Semrush Utils Component",
-  "version": "4.26.1",
+  "version": "4.26.2-prerelease.2",
   "main": "lib/index.js",
@@ -6,0 +6,0 @@ "sideEffects": false,

New alerts

No v1

Quality

Package is not semver >=1. This means it is not stable and does not support ^ ranges.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

1453269

increased by0.06%

Lines of code

14913

increased by0.06%

Worsened metrics

Number of low quality alerts

2

increased by100%

No dependency changes