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

Comparing version 0.1.0-alpha.3 to 0.1.0-alpha.5

dist/cjs/color-mode-provider.js

@@ -31,4 +31,4 @@ "use strict";
  *
- * @param light the light mode value
- * @param dark the dark mode value
+ * @param lightValue the light mode value
+ * @param darkValue the dark mode value
  *
@@ -45,3 +45,3 @@ * @example
 
-function useColorModeValue(light, dark) {
+function useColorModeValue(lightValue, darkValue) {
   var _useColorMode = useColorMode(),
@@ -52,3 +52,3 @@ colorMode = _useColorMode.colorMode;
   (0, _vue.watchEffect)(function () {
-    modeValue.value = colorMode.value === 'dark' ? dark : light;
+    modeValue.value = colorMode.value === 'dark' ? darkValue : lightValue;
   });
@@ -55,0 +55,0 @@ return modeValue;

dist/esm/color-mode-provider.js

@@ -25,4 +25,4 @@ import { inject, isRef, ref, watchEffect } from 'vue';
  *
- * @param light the light mode value
- * @param dark the dark mode value
+ * @param lightValue the light mode value
+ * @param darkValue the dark mode value
  *
@@ -36,3 +36,3 @@ * @example
 
-export function useColorModeValue(light, dark) {
+export function useColorModeValue(lightValue, darkValue) {
   var {
@@ -43,3 +43,3 @@ colorMode
   watchEffect(() => {
-    modeValue.value = colorMode.value === 'dark' ? dark : light;
+    modeValue.value = colorMode.value === 'dark' ? darkValue : lightValue;
   });
@@ -46,0 +46,0 @@ return modeValue;

dist/types/color-mode-provider.d.ts

@@ -1,9 +0,9 @@
-import { ColorMode } from './color-mode.utils';
-export type { ColorMode };
+import { ColorModeRef } from './color-mode.utils';
+export type { ColorModeRef };
 export interface ColorModeOptions {
-    initialColorMode?: ColorMode;
+    initialColorMode?: ColorModeRef;
     useSystemColorMode?: boolean;
 }
 export declare type ColorModeContext = {
-    colorMode: ColorMode;
+    colorMode: ColorModeRef;
     toggleColorMode: () => void;
@@ -16,4 +16,4 @@ };
  *
- * @param light the light mode value
- * @param dark the dark mode value
+ * @param lightValue the light mode value
+ * @param darkValue the dark mode value
  *
@@ -26,2 +26,2 @@ * @example
  */
-export declare function useColorModeValue<TLight = unknown, TDark = unknown>(light: TLight, dark: TDark): import("vue").Ref<any>;
+export declare function useColorModeValue<TLight = unknown, TDark = unknown>(lightValue: TLight, darkValue: TDark): import("vue").Ref<any>;

dist/types/color-mode.utils.d.ts

 import { Ref } from 'vue';
-export declare type ColorMode = Ref<'light' | 'dark'>;
+export declare type ColorModeRef = Ref<'light' | 'dark'>;
 /**
@@ -13,3 +13,3 @@ * Function to add/remove class from `body` based on color mode
 export declare const darkQuery: string;
-export declare function getColorScheme(fallback?: ColorMode): "light" | "dark";
+export declare function getColorScheme(fallback?: ColorModeRef): "light" | "dark";
 /**
@@ -22,3 +22,3 @@ * Adds system os color mode listener, and run the callback
     get: () => "light" | "dark";
-    set: (mode: ColorMode) => void;
+    set: (mode: ColorModeRef) => void;
 };

dist/types/storage-manager.d.ts

@@ -1,7 +0,7 @@
-import { ColorMode } from './color-mode.utils';
+import { ColorModeRef } from './color-mode.utils';
 export declare const storageKey = "chakra-ui-color-mode";
-declare type MaybeColorMode = ColorMode['value'] | undefined;
+declare type MaybeColorMode = ColorModeRef['value'] | undefined;
 export interface StorageManager {
-    get(init?: ColorMode['value']): MaybeColorMode;
-    set(value: ColorMode['value']): void;
+    get(init?: ColorModeRef['value']): MaybeColorMode;
+    set(value: ColorModeRef['value']): void;
     type: 'cookie' | 'localStorage';
@@ -8,0 +8,0 @@ }

package.json

 {
   "name": "@chakra-ui/c-color-mode",
-  "version": "0.1.0-alpha.3",
+  "version": "0.1.0-alpha.5",
   "main": "dist/cjs/index.js",
@@ -42,4 +42,4 @@ "module": "dist/esm/index.js",
   "devDependencies": {
-    "vue": "^3.0.11"
+    "vue": "^3.1.4"
   }
 }

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

New author

Supply chain risk

A new npm collaborator published a version of the package for the first time. New collaborators are usually benign additions to a project, but do indicate a change to the security surface area of a package.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Worsened metrics

Total package byte prevSize

35427

decreased by-6.4%

Number of package files

21

decreased by-4.55%

Number of medium supply chain risk alerts

1

increased byInfinity%

No dependency changes