@chakra-ui/color-mode - npm Package Compare versions

Comparing version 0.0.0-pr-20220620149 to 0.0.0-pr-202208163634

dist/chakra-ui-color-mode.cjs.dev.js

@@ -127,2 +127,7 @@ 'use strict';
     if (utils.isBrowser) {
+      /**
+       * @deprecated
+       * The CSS variable `--chakra-ui-color-mode` will be removed in the next major release
+       * Please use the `data-theme` attribute to determine the current color mode
+       */
       document.documentElement.style.setProperty("--chakra-ui-color-mode", mode);
@@ -129,0 +134,0 @@ document.documentElement.setAttribute("data-theme", mode);

dist/chakra-ui-color-mode.cjs.prod.js

@@ -127,2 +127,7 @@ 'use strict';
     if (utils.isBrowser) {
+      /**
+       * @deprecated
+       * The CSS variable `--chakra-ui-color-mode` will be removed in the next major release
+       * Please use the `data-theme` attribute to determine the current color mode
+       */
       document.documentElement.style.setProperty("--chakra-ui-color-mode", mode);
@@ -129,0 +134,0 @@ document.documentElement.setAttribute("data-theme", mode);

dist/chakra-ui-color-mode.esm.js

@@ -103,2 +103,7 @@ import { useEnvironment } from '@chakra-ui/react-env';
     if (isBrowser) {
+      /**
+       * @deprecated
+       * The CSS variable `--chakra-ui-color-mode` will be removed in the next major release
+       * Please use the `data-theme` attribute to determine the current color mode
+       */
       document.documentElement.style.setProperty("--chakra-ui-color-mode", mode);
@@ -105,0 +110,0 @@ document.documentElement.setAttribute("data-theme", mode);

package.json

 {
   "name": "@chakra-ui/color-mode",
-  "version": "0.0.0-pr-20220620149",
+  "version": "0.0.0-pr-202208163634",
   "description": "React component and hooks for handling light and dark mode.",
@@ -41,5 +41,5 @@ "keywords": [
   "dependencies": {
-    "@chakra-ui/hooks": "0.0.0-pr-20220620149",
-    "@chakra-ui/react-env": "0.0.0-pr-20220620149",
-    "@chakra-ui/utils": "0.0.0-pr-20220620149"
+    "@chakra-ui/hooks": "0.0.0-pr-202208163634",
+    "@chakra-ui/react-env": "0.0.0-pr-202208163634",
+    "@chakra-ui/utils": "0.0.0-pr-202208163634"
   },
@@ -46,0 +46,0 @@ "peerDependencies": {

src/color-mode.utils.ts

@@ -83,2 +83,7 @@ import { isBrowser, noop } from "@chakra-ui/utils"
     if (isBrowser) {
+      /**
+       * @deprecated
+       * The CSS variable `--chakra-ui-color-mode` will be removed in the next major release
+       * Please use the `data-theme` attribute to determine the current color mode
+       */
       document.documentElement.style.setProperty("--chakra-ui-color-mode", mode)
@@ -85,0 +90,0 @@ document.documentElement.setAttribute("data-theme", mode)

No alert changes

Improved metrics

Total package byte prevSize

58452

increased by1.51%

Lines of code

1638

increased by1.24%

Dependency changes

• + Added@chakra-ui/hooks@0.0.0-pr-202208163634(transitive)

• + Added@chakra-ui/react-env@0.0.0-pr-202208163634(transitive)

• + Added@chakra-ui/utils@0.0.0-pr-202208163634(transitive)

• - Removed@chakra-ui/hooks@0.0.0-pr-20220620149(transitive)

• - Removed@chakra-ui/react-env@0.0.0-pr-20220620149(transitive)

• - Removed@chakra-ui/utils@0.0.0-pr-20220620149(transitive)

• Updated@chakra-ui/hooks@0.0.0-pr-202208163634

• Updated@chakra-ui/react-env@0.0.0-pr-202208163634

• Updated@chakra-ui/utils@0.0.0-pr-202208163634