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

Comparing version 2.1.7 to 2.1.8

dist/index.cjs.js

@@ -42,3 +42,3 @@ "use strict";
 
-// ../../react-shim.js
+// ../../../react-shim.js
 var import_react = __toESM(require("react"));
@@ -230,3 +230,4 @@
     toggleColorMode: value ? noop : toggleColorMode,
-    setColorMode: value ? noop : setColorMode
+    setColorMode: value ? noop : setColorMode,
+    forced: value !== void 0
   }), [resolvedValue, toggleColorMode, setColorMode, value]);
@@ -242,3 +243,4 @@ return /* @__PURE__ */ import_react.default.createElement(ColorModeContext.Provider, {
     toggleColorMode: noop,
-    setColorMode: noop
+    setColorMode: noop,
+    forced: true
   }), []);
@@ -255,3 +257,4 @@ return /* @__PURE__ */ import_react.default.createElement(ColorModeContext.Provider, {
     toggleColorMode: noop,
-    setColorMode: noop
+    setColorMode: noop,
+    forced: true
   }), []);
@@ -289,4 +292,6 @@ return /* @__PURE__ */ import_react.default.createElement(ColorModeContext.Provider, {
 function ColorModeScript(props = {}) {
+  const { nonce } = props;
   return /* @__PURE__ */ import_react.default.createElement("script", {
     id: "chakra-script",
+    nonce,
     dangerouslySetInnerHTML: { __html: getScriptSrc(props) }
@@ -293,0 +298,0 @@ });

dist/index.d.ts

@@ -15,2 +15,3 @@ import * as react from 'react';
 interface ColorModeContextType {
+    forced?: boolean;
     colorMode: ColorMode;
@@ -67,2 +68,3 @@ toggleColorMode: () => void;
     storageKey?: string;
+    nonce?: string;
 };
@@ -69,0 +71,0 @@ declare function getScriptSrc(props?: ColorModeScriptProps): string;

dist/index.esm.js

@@ -1,2 +0,2 @@
-// ../../react-shim.js
+// ../../../react-shim.js
 import React from "react";
@@ -188,3 +188,4 @@
     toggleColorMode: value ? noop : toggleColorMode,
-    setColorMode: value ? noop : setColorMode
+    setColorMode: value ? noop : setColorMode,
+    forced: value !== void 0
   }), [resolvedValue, toggleColorMode, setColorMode, value]);
@@ -200,3 +201,4 @@ return /* @__PURE__ */ React.createElement(ColorModeContext.Provider, {
     toggleColorMode: noop,
-    setColorMode: noop
+    setColorMode: noop,
+    forced: true
   }), []);
@@ -213,3 +215,4 @@ return /* @__PURE__ */ React.createElement(ColorModeContext.Provider, {
     toggleColorMode: noop,
-    setColorMode: noop
+    setColorMode: noop,
+    forced: true
   }), []);
@@ -247,4 +250,6 @@ return /* @__PURE__ */ React.createElement(ColorModeContext.Provider, {
 function ColorModeScript(props = {}) {
+  const { nonce } = props;
   return /* @__PURE__ */ React.createElement("script", {
     id: "chakra-script",
+    nonce,
     dangerouslySetInnerHTML: { __html: getScriptSrc(props) }
@@ -251,0 +256,0 @@ });

package.json

 {
   "name": "@chakra-ui/color-mode",
-  "version": "2.1.7",
+  "version": "2.1.8",
   "description": "React component and hooks for handling light and dark mode.",
@@ -34,3 +34,3 @@ "keywords": [
     "url": "git+https://github.com/chakra-ui/chakra-ui.git",
-    "directory": "packages/color-mode"
+    "directory": "packages/components/color-mode"
   },
@@ -47,3 +47,3 @@ "bugs": {
   "devDependencies": {
-    "@chakra-ui/utils": "2.0.9",
+    "@chakra-ui/utils": "2.0.10",
     "react": "^18.0.0"
@@ -50,0 +50,0 @@ },

No alert changes

Improved metrics

Total package byte prevSize

27398

increased by0.99%

Lines of code

657

increased by1.86%

No dependency changes