@xstyled/core - npm Package Compare versions

Comparing version 1.12.6 to 1.12.7

CHANGELOG.md

@@ -6,2 +6,13 @@ # Change Log
 
+## [1.12.7](https://github.com/smooth-code/xstyled/compare/v1.12.6...v1.12.7) (2019-09-26)
+
+
+### Bug Fixes
+
+* isomorphic layout effect ([987f308](https://github.com/smooth-code/xstyled/commit/987f308))
+
+
+
+
+
 ## [1.12.6](https://github.com/smooth-code/xstyled/compare/v1.12.5...v1.12.6) (2019-09-26)
@@ -8,0 +19,0 @@

dist/xstyled-core.cjs.js

@@ -419,2 +419,3 @@ 'use strict';
 
+var useIsomorphicLayoutEffect = typeof window !== 'undefined' ? React.useLayoutEffect : React.useEffect;
 function useColorModeState(theme, _temp2) {
@@ -444,3 +445,3 @@ var _ref5 = _temp2 === void 0 ? {} : _temp2,
 
-  React.useLayoutEffect(function () {
+  useIsomorphicLayoutEffect(function () {
     if (manualSetRef.current) {
@@ -451,3 +452,3 @@ storage.set(mode);
 
-  React.useLayoutEffect(function () {
+  useIsomorphicLayoutEffect(function () {
     var storedMode = storage.get();
@@ -460,3 +461,3 @@ if (storedMode) return;
 
-  React.useLayoutEffect(function () {
+  useIsomorphicLayoutEffect(function () {
     if (!customPropertiesEnabled) return undefined;
@@ -463,0 +464,0 @@ var stored = storage.get();

dist/xstyled-core.es.js

@@ -413,2 +413,3 @@ import { system, getColor, getBorderStyle, getShadow, getFont, getFontSize, getLineHeight, getFontWeight, getLetterSpacing, getTransition, getSpace, getBorder, getBorderWidth, getSize, getRadius, getZIndex } from '@xstyled/system';
 
+var useIsomorphicLayoutEffect = typeof window !== 'undefined' ? React.useLayoutEffect : React.useEffect;
 function useColorModeState(theme, _temp2) {
@@ -438,3 +439,3 @@ var _ref5 = _temp2 === void 0 ? {} : _temp2,
 
-  React.useLayoutEffect(function () {
+  useIsomorphicLayoutEffect(function () {
     if (manualSetRef.current) {
@@ -445,3 +446,3 @@ storage.set(mode);
 
-  React.useLayoutEffect(function () {
+  useIsomorphicLayoutEffect(function () {
     var storedMode = storage.get();
@@ -454,3 +455,3 @@ if (storedMode) return;
 
-  React.useLayoutEffect(function () {
+  useIsomorphicLayoutEffect(function () {
     if (!customPropertiesEnabled) return undefined;
@@ -457,0 +458,0 @@ var stored = storage.get();

package.json

 {
   "name": "@xstyled/core",
   "description": "xstyled core utilities",
-  "version": "1.12.6",
+  "version": "1.12.7",
   "sideEffects": false,
@@ -22,3 +22,3 @@ "main": "dist/xstyled-core.cjs.js",
   },
-  "gitHead": "3b79478b1653f44b90b37f72e0e9b8de75eaa0cc"
+  "gitHead": "c1dbb8fffe6add4846384654896cf8c2271bacd9"
 }

No alert changes

Improved metrics

Total package byte prevSize

39979

increased by1.12%

Lines of code

979

increased by0.2%

No dependency changes